@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--bg-dark:#f8fafc;--bg-panel:#ffffffd9;--bg-hover:#0f172a0a;--primary:#2563eb;--primary-hover:#1d4ed8;--accent:#3b82f6;--success:#059669;--warning:#d97706;--danger:#dc2626;--info:#0284c7;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-light:#0f172a14;--shadow-lg:0 10px 15px -3px #0000000d,0 4px 6px -2px rgba(0,0,0,.025);--shadow-panel:0 4px 30px #0000000a;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#f8fafc;background-color:var(--bg-dark);background-image:radial-gradient(at 0 0,#3b82f61a 0,#0000 50%),radial-gradient(at 100% 0,#10b9810d 0,#0000 50%);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;min-height:100vh}.glass-panel{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;background:var(--bg-panel);border:1px solid #0f172a14;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 30px #0000000a;box-shadow:var(--shadow-panel)}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary);font-weight:600;margin-bottom:.5rem}p{color:#475569;color:var(--text-secondary)}a{color:#2563eb;color:var(--primary);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}a:hover{color:#3b82f6;color:var(--accent)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#94a3b8;background:var(--text-muted);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#475569;background:var(--text-secondary)}.text-success{color:#059669;color:var(--success)}.text-warning{color:#d97706;color:var(--warning)}.text-danger{color:#dc2626;color:var(--danger)}.text-info{color:#0284c7;color:var(--info)}.bg-success-light{background:#10b9811a}.bg-warning-light{background:#f59e0b1a}.bg-danger-light{background:#ef44441a}#root{min-height:100vh}#root,.app-root{display:flex;width:100%}.app-root{flex:1 1}.app-root,.sidebar{flex-direction:column}.sidebar{display:flex;height:calc(100vh - 32px);margin:16px;position:sticky;top:16px;width:260px}.sidebar-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:12px;padding:24px 20px}.sidebar-logo-icon{color:var(--primary);flex-shrink:0}.sidebar-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;letter-spacing:1px;margin:0}.sidebar-nav{flex:1 1;overflow-y:auto;padding:24px 16px}.nav-list{display:flex;flex-direction:column;gap:8px;list-style:none}.nav-link{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-weight:500;gap:12px;padding:12px 16px;transition:all var(--transition-fast)}.nav-link:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-link.active{background:#3b82f626;border-left:3px solid var(--primary);color:var(--primary)}.sub-nav-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin-top:4px;padding-left:20px}.sub-nav-link{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.95rem;font-weight:500;gap:10px;padding:10px 16px;transition:all var(--transition-fast)}.sub-nav-link:hover{background:var(--bg-hover);color:var(--primary)}.sub-nav-link.active{color:var(--primary);font-weight:600}.sidebar-footer{border-top:1px solid var(--border-light);padding:20px 16px}.logout-btn{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:500;gap:10px;justify-content:center;padding:12px;transition:all var(--transition-fast);width:100%}.logout-btn:hover{background:#ef44441a;border-color:#ef44444d;color:var(--danger)}.sidebar-backdrop{display:none}@media (max-width:768px){.sidebar{border-radius:0;height:100vh;left:-300px;margin:0;position:fixed;top:0;transition:transform .3s ease-in-out;width:280px;z-index:100}.sidebar.open{transform:translateX(300px)}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:40}.sidebar-close-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;margin-left:auto}}@media (min-width:769px){.sidebar-close-btn{display:none}}.language-switcher{margin-right:1rem;position:relative}.lang-btn{align-items:center;background:var(--glass-bg);border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.lang-btn:hover{background:var(--glass-hover)}.lang-icon{color:var(--primary-color)}.lang-name{font-size:.875rem;font-weight:500}.chevron{opacity:.7;transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.lang-dropdown{animation:fadeInDown .2s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);width:150px;z-index:1000}.lang-option{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem;text-align:left;transition:background .2s ease;width:100%}.lang-option:hover{background:var(--glass-hover)}.lang-option.active{background:var(--primary-alpha);color:var(--primary-color);font-weight:600}.lang-flag{font-size:1.125rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.lang-name{display:none}}.topbar{align-items:center;display:flex;height:80px;justify-content:space-between;padding:16px 32px}.page-title{font-size:1.75rem;margin:0}.topbar-right{gap:24px}.search-bar,.topbar-right{align-items:center;display:flex}.search-bar{border-radius:var(--radius-full);gap:12px;padding:10px 16px;width:300px}.search-icon{color:var(--text-muted)}.search-bar input{background:#0000;border:none;color:var(--text-primary);font-family:inherit;font-size:.95rem;outline:none;width:100%}.search-bar input::placeholder{color:var(--text-muted)}.icon-btn{align-items:center;border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all var(--transition-fast);width:44px}.icon-btn:hover{background:var(--bg-hover);color:var(--primary)}.notification-badge{background-color:var(--danger);border:2px solid var(--bg-dark);border-radius:50%;height:8px;position:absolute;right:10px;top:10px;width:8px}.user-profile{align-items:center;border-radius:var(--radius-full);cursor:pointer;display:flex;gap:12px;padding:6px 16px 6px 6px;transition:all var(--transition-fast)}.user-profile:hover{background:var(--bg-hover)}.avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;width:36px}.user-info{display:flex;flex-direction:column}.user-name{font-size:.9rem;font-weight:600}.user-role{color:var(--text-muted);font-size:.75rem}.mobile-menu-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:none;padding:8px;transition:all var(--transition-fast)}.mobile-menu-btn:hover{background:var(--bg-hover)}.topbar-left{align-items:center;display:flex;gap:16px}@media (max-width:768px){.topbar{padding:16px}.mobile-menu-btn{align-items:center;display:flex;justify-content:center}.search-bar,.user-info{display:none}.user-profile{background:#0000!important;box-shadow:none!important;padding:0}}.main-layout{display:flex;min-height:100vh;width:100%}.main-content{display:flex;flex:1 1;flex-direction:column;min-width:0;width:100%}.page-content{flex:1 1;overflow-y:auto;padding:0 32px 32px}@media (max-width:768px){.page-content{padding:0 16px 16px}}.dashboard-container{display:flex;flex-direction:column;gap:24px}.dashboard-kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{display:flex;flex-direction:column;gap:16px;overflow:hidden;padding:24px;position:relative;transition:transform var(--transition-normal)}.stat-card:hover{transform:translateY(-4px)}.stat-card:after{border-radius:50%;content:"";filter:blur(40px);height:150px;opacity:.5;position:absolute;right:-20%;top:-50%;width:150px;z-index:-1}.primary-card:after{background:var(--primary)}.danger-card:after{background:var(--danger)}.warning-card:after{background:var(--warning)}.success-card:after{background:var(--success)}.stat-card-header{align-items:flex-start;display:flex;justify-content:space-between}.stat-card-title{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:0}.stat-card-icon{align-items:center;border-radius:var(--radius-md);display:flex;height:40px;justify-content:center;width:40px}.primary-card .stat-card-icon{background:#3b82f626;color:var(--primary)}.danger-card .stat-card-icon{background:#ef444426;color:var(--danger)}.warning-card .stat-card-icon{background:#f59e0b26;color:var(--warning)}.success-card .stat-card-icon{background:#10b98126;color:var(--success)}.stat-card-body{display:flex;flex-direction:column;gap:4px}.stat-card-value{color:var(--text-primary);font-size:2rem;font-weight:700}.stat-card-subtitle{color:var(--text-muted);font-size:.8rem}.dashboard-main-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.section-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:20px 24px}.section-header h3{font-size:1.1rem;margin:0}.badge{border-radius:var(--radius-full);font-size:.75rem;font-weight:600;padding:4px 10px}.badge-pulse{background:#10b9811a;border:1px solid #10b98133;color:var(--success);position:relative}.badge-pulse:before{animation:pulse 2s infinite;background:var(--success);border-radius:50%;content:"";display:inline-block;height:6px;margin-right:6px;width:6px}@keyframes pulse{0%{box-shadow:0 0 0 0 #10b98166}70%{box-shadow:0 0 0 4px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.chart-container{height:350px;padding:20px}.alerts-list{display:flex;flex-direction:column;gap:8px;padding:12px}.alert-item{align-items:center;background:#0003;border-left:4px solid #0000;border-radius:var(--radius-md);display:flex;gap:12px;padding:16px;transition:background var(--transition-fast)}.alert-item:hover{background:var(--bg-hover)}.alert-critical{border-left-color:var(--danger)}.alert-critical .alert-icon{color:var(--danger)}.alert-warning{border-left-color:var(--warning)}.alert-warning .alert-icon{color:var(--warning)}.alert-info{border-left-color:var(--info)}.alert-info .alert-icon{color:var(--info)}.alert-content{flex:1 1}.alert-title{font-size:.9rem;font-weight:600;margin-bottom:2px}.alert-message{color:var(--text-secondary);font-size:.8rem}.alert-time{color:var(--text-muted);font-size:.75rem;font-weight:500}@media (max-width:1024px){.dashboard-main-content{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card-value{font-size:1.5rem}.chart-container{height:300px;padding:10px}}@media (max-width:480px){.dashboard-kpi-grid{grid-template-columns:1fr}.section-header,.stat-card{padding:16px}}.global-loader-container{align-items:center;background:var(--bg-dark);bottom:0;display:flex;flex-direction:column;gap:20px;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.uzmis-spinner{animation:uzmis-spin 1s cubic-bezier(.4,0,.2,1) infinite;border:4px solid var(--border-light);border-radius:50%;border-top-color:var(--primary);height:48px;width:48px}.spinner-sm{border-width:2px;height:20px;width:20px}.loader-text{color:var(--text-secondary);font-size:.9rem;font-weight:500;letter-spacing:.5px}@keyframes uzmis-spin{to{transform:rotate(1turn)}}.skeleton-pulse{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#0f172a0d 25%,#0f172a14 50%,#0f172a0d 75%);background-size:200% 100%;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.sensors-container{display:flex;flex-direction:column;gap:24px}.monitoring-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.sensor-card{overflow:hidden;padding:24px;position:relative}.sensor-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.device-info{display:flex;flex-direction:column}.device-name{color:var(--text-primary);font-size:1.1rem;font-weight:700}.device-uid{color:var(--text-muted);font-family:monospace;font-size:.75rem}.status-indicator-dot{border-radius:50%;height:10px;position:relative;width:10px}.status-active-pulse{animation:pulse-green 2s infinite;background-color:var(--success);box-shadow:0 0 0 0 #10b981b3}.status-idle-dot{background-color:var(--warning)}.status-offline-dot{background-color:var(--text-muted)}@keyframes pulse-green{0%{box-shadow:0 0 0 0 #10b981b3;transform:scale(.95)}70%{box-shadow:0 0 0 10px #10b98100;transform:scale(1)}to{box-shadow:0 0 0 0 #10b98100;transform:scale(.95)}}.metrics-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.metric-item{display:flex;flex-direction:column;gap:4px}.metric-label{color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase}.metric-value{color:var(--text-primary);font-size:1.25rem;font-weight:700}.active-order-info{border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:8px;padding-top:16px}.order-label{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:6px}.progress-bar-container{background:var(--bg-dark);border-radius:var(--radius-full);height:6px;overflow:hidden;width:100%}.progress-bar-fill{background:var(--primary);height:100%;transition:width 1s ease-in-out}.live-indicator{align-items:center;color:var(--success);display:flex;font-size:.65rem;font-weight:700;gap:4px;letter-spacing:1px;position:absolute;right:12px;text-transform:uppercase;top:12px}.settings-container{display:flex;flex-direction:column;gap:24px}.settings-section{padding:32px}.settings-section-title{border-bottom:1px solid var(--border-light);font-size:1.25rem;margin-bottom:24px;padding-bottom:12px}.registration-form{display:flex;flex-direction:column;gap:20px;max-width:600px}.edit-btn:hover{background:#2563eb0d;color:var(--primary)}.delete-btn:hover{background:#dc26260d;color:var(--danger)}.settings-form-group{display:flex;flex-direction:column;gap:8px}.settings-form-group label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.settings-input-wrapper{align-items:center;display:flex;position:relative}.settings-input-wrapper input,.settings-input-wrapper select{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:12px 16px;transition:all var(--transition-normal);width:100%}.settings-input-wrapper input:focus,.settings-input-wrapper select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1a;outline:none}.settings-password-toggle{align-items:center;background:#0000;border:none;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color var(--transition-fast)}.settings-password-toggle:hover{color:var(--primary)}.register-submit-btn,.settings-submit-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);border:none;border-radius:var(--radius-md);box-shadow:0 4px 12px #2563eb26;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:10px;justify-content:center;padding:12px 28px;transition:all var(--transition-normal)}.register-submit-btn:hover,.settings-submit-btn:hover{box-shadow:0 6px 20px #2563eb40;filter:brightness(1.1);transform:translateY(-2px)}.register-submit-btn:active,.settings-submit-btn:active{transform:translateY(0)}.register-submit-btn:disabled,.settings-submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.settings-alert{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.9rem;font-weight:500;gap:12px;margin-bottom:24px;padding:16px}.settings-alert-success{background:#05966914;border:1px solid #05966926;color:var(--success)}.settings-alert-error{background:#dc262614;border:1px solid #dc262626;color:var(--danger)}.settings-page-container{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-height:calc(100vh - 120px);padding:32px}.profile-grid{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:320px 1fr}.profile-info-card{align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:24px;overflow:hidden;padding:40px 32px;position:relative}.profile-info-card:before{background:linear-gradient(90deg,var(--primary),var(--accent));content:"";height:4px;left:0;position:absolute;right:0;top:0}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%);border:4px solid #fff;border-radius:50%;box-shadow:0 8px 16px #2563eb33;color:#fff;display:flex;height:120px;justify-content:center;transition:transform var(--transition-normal);width:120px}.profile-info-card:hover .profile-avatar-large{transform:scale(1.05) rotate(5deg)}.profile-details{text-align:center}.profile-details h4{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.profile-details .text-muted{color:var(--text-muted);font-size:.95rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.profile-form-wrapper{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:28px;padding:40px}.user-table-wrapper{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow-x:auto}.user-table{border-collapse:collapse;width:100%}.user-table th{background:#f8fafc;color:var(--text-muted);font-size:.8rem;font-weight:700;text-align:left;text-transform:uppercase}.user-table td,.user-table th{border-bottom:1px solid var(--border-light);padding:16px}.user-table td{color:var(--text-secondary);font-size:.95rem}.user-cell{gap:12px}.user-avatar-sm,.user-cell{align-items:center;display:flex}.user-avatar-sm{background:var(--primary);border-radius:50%;color:#fff;height:32px;justify-content:center;width:32px}.device-img-preview-sm{background:#f8fafc;border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:zoom-in;flex-shrink:0;height:48px;overflow:hidden;position:relative;transition:all var(--transition-fast);width:48px}.device-img-preview-sm:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:scale(1.1)}.device-img-preview-sm:after{align-items:center;background:#2563eb66;bottom:0;color:#fff;content:"🔍";display:flex;font-size:16px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}.device-img-preview-sm:hover:after{opacity:1}.device-img-preview-sm img{display:block;height:100%;object-fit:cover;width:100%}.role-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;padding:4px 10px}.role-admin{background:#2563eb1a;color:var(--primary)}.role-manager{background:#0596691a;color:var(--success)}.role-developer{background:#d977061a;color:var(--warning)}.status-indicator{align-items:center;display:inline-flex;gap:6px}.status-active{color:var(--success)}.status-inactive{color:var(--text-muted)}.action-btns{display:flex;gap:8px}.action-btn{align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.action-btn:hover{background:#f1f5f9;border-color:currentColor;transform:translateY(-1px)}@media (max-width:768px){.settings-page-container{padding:16px}.profile-form-wrapper,.registration-form{max-width:100%}.profile-grid{gap:24px;grid-template-columns:1fr}.user-table td,.user-table th{font-size:.85rem;padding:12px 8px}}.section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:450px;padding:32px;position:relative;width:100%}.order-modal-content{max-height:86vh;max-width:min(980px,96vw);overflow-y:auto}.order-form-grid{max-width:100%}.order-form-grid .settings-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.order-form-grid>.settings-form-group{width:100%}.device-image-group{min-width:0}.image-upload-container{width:100%}.image-upload-label{align-items:center;background:linear-gradient(180deg,#fafcff,#f5f8ff);border:1px dashed var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;min-height:96px;padding:10px;transition:all var(--transition-normal)}.image-upload-label:hover{border-color:var(--primary);box-shadow:0 6px 18px #2563eb14;color:var(--primary)}.hidden-file-input{display:none}.image-preview-box{background:#f8fafc;border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;position:relative}.image-preview-box img{display:block;height:120px;object-fit:cover;width:100%}.remove-img-btn{align-items:center;background:#0f172ab8;border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all var(--transition-fast);width:28px}.remove-img-btn:hover{background:var(--danger);transform:scale(1.05)}.image-preview-caption{background:linear-gradient(180deg,#0f172a0d,#0f172abf);bottom:0;color:#fff;font-size:.75rem;left:0;padding:6px 10px;position:absolute;right:0}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-header h3{color:var(--text-primary);margin:0}.close-btn{background:#0000;border:none;color:var(--text-muted);cursor:pointer;padding:4px;transition:color var(--transition-fast)}.close-btn:hover{color:var(--danger)}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animated{animation-duration:.2s;animation-fill-mode:both}.fadeIn{animation-name:fadeIn}@media (max-width:768px){.order-form-grid .settings-form-row{grid-template-columns:1fr}}.image-preview-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ae6;bottom:0;cursor:zoom-out;display:flex;justify-content:center;left:0;padding:40px;position:fixed;right:0;top:0;z-index:2000}.image-preview-modal-content{animation:modalScaleUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.image-preview-modal-content img{display:block;height:100%;object-fit:contain;width:100%}.image-preview-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all var(--transition-fast);width:40px;z-index:2001}.image-preview-close:hover{background:var(--danger);transform:rotate(90deg)}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.toast-container{display:flex;flex-direction:column;gap:12px;pointer-events:none;position:fixed;right:24px;top:24px;z-index:9999}.toast-item{align-items:center;animation:toast-in .3s cubic-bezier(.175,.885,.32,1.275) forwards;display:flex;gap:12px;max-width:420px;min-width:320px;overflow:hidden;padding:16px;pointer-events:auto;position:relative}.toast-item.leaving{animation:toast-out .3s ease-in forwards}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.toast-content{flex:1 1}.toast-title{font-size:.95rem;font-weight:600;margin-bottom:2px}.toast-message{color:var(--text-secondary);font-size:.85rem}.toast-close{background:#0000;border:none;border-radius:4px;color:var(--text-muted);cursor:pointer;padding:4px;transition:all var(--transition-fast)}.toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.toast-success .toast-icon{background:#0596691a;color:var(--success)}.toast-error .toast-icon{background:#dc26261a;color:var(--danger)}.toast-warning .toast-icon{background:#d977061a;color:var(--warning)}.toast-info .toast-icon{background:#0284c71a;color:var(--info)}.toast-progress{animation:toast-progress linear forwards;background:var(--primary);bottom:0;height:3px;left:0;position:absolute;transform-origin:left;width:100%}.toast-success .toast-progress{background:var(--success)}.toast-error .toast-progress{background:var(--danger)}.toast-warning .toast-progress{background:var(--warning)}.toast-info .toast-progress{background:var(--info)}@keyframes toast-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-out{to{opacity:0;transform:translateX(100%)}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:500px){.toast-container{bottom:24px;left:16px;right:16px;top:auto}.toast-item{max-width:none;min-width:0;width:100%}}.login-container{align-items:center;background-color:#f8fafc;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100vw}.login-bg-pattern{background-image:radial-gradient(circle at 10% 20%,#2563eb0d 0,#0000 40%),radial-gradient(circle at 90% 80%,#0596690d 0,#0000 40%);height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:0}.floating-icon{animation:float 20s linear infinite;color:var(--primary);opacity:.1;position:absolute}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{opacity:.05;transform:translateY(-20vh) rotate(180deg)}to{opacity:0;transform:translateY(-40vh) rotate(1turn)}}.icon-1{animation-duration:25s;bottom:-10%;left:10%}.icon-2{animation-delay:2s;animation-duration:18s;bottom:-20%;color:var(--success);left:30%}.icon-3{animation-delay:5s;animation-duration:22s;bottom:-15%;left:60%}.icon-4{animation-delay:1s;animation-duration:30s;bottom:-10%;color:var(--info);left:80%}.icon-5{animation-delay:7s;animation-duration:28s;bottom:-25%;left:50%}.icon-6{animation-delay:4s;animation-duration:35s;bottom:-30%;color:var(--warning);left:15%}.login-card{background:#fff;border:1px solid #0000000d;border-radius:24px;box-shadow:0 20px 40px #0000000d;gap:32px;max-width:440px;padding:48px;width:100%;z-index:1}.login-card,.login-header{display:flex;flex-direction:column}.login-header{align-items:center;gap:12px;text-align:center}.logo-container{align-items:center;background:linear-gradient(135deg,var(--primary),var(--info));border-radius:20px;box-shadow:0 10px 20px #2563eb33;color:#fff;display:flex;height:64px;justify-content:center;margin-bottom:8px;width:64px}.login-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0}.login-subtitle{color:var(--text-muted);font-size:.95rem;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{align-items:center;background:#dc26261a;border:1px solid #dc262633;border-radius:var(--radius-md);color:var(--danger);display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:12px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:var(--text-secondary);font-size:.85rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);left:16px;position:absolute}.input-wrapper input{background:#f8fafc;border:1px solid var(--border-light);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:14px 16px 14px 44px;transition:all var(--transition-fast);width:100%}.input-wrapper input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1a;outline:none}.password-toggle{align-items:center;background:#0000;border:none;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color var(--transition-fast)}.password-toggle:hover{color:var(--primary)}.password-toggle:disabled{cursor:not-allowed}.form-actions{font-size:.85rem;justify-content:space-between;margin-top:-4px}.form-actions,.remember-me{align-items:center;display:flex}.remember-me{color:var(--text-secondary);cursor:pointer;gap:8px}.remember-me input{accent-color:var(--primary);cursor:pointer;height:16px;width:16px}.forgot-password{background:#0000;border:none;color:var(--primary);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;padding:0}.forgot-password:hover{text-decoration:underline}.login-btn{align-items:center;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:600;gap:12px;justify-content:center;margin-top:12px;padding:14px;transition:all var(--transition-fast)}.login-btn:hover{background:var(--primary-hover);box-shadow:0 8px 20px #2563eb4d;transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}@media (max-width:480px){.login-card{border-radius:0;justify-content:center;min-height:100vh;padding:32px 24px}}
/*# sourceMappingURL=main.2022ed6d.css.map*/