@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-family:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#e0e7ff;--primary-glow:#6366f140;--success:#10b981;--success-light:#ecfdf5;--success-glow:#10b98133;--warning:#f59e0b;--warning-light:#fef3c7;--warning-glow:#f59e0b33;--danger:#f43f5e;--danger-light:#ffe4e6;--danger-glow:#f43f5e33;--bg-app:#f8fafc;--bg-sidebar:#0f172a;--bg-card:#fff;--bg-card-alt:#fafbfc;--border:#f1f5f9;--border-strong:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--text-white:#fff;--glass-bg:#ffffffbf;--glass-border:#fff6;--header-glass-bg:#fffc;--header-glass-border:#e2e8f0cc;--table-header-bg:#f8fafc;--table-hover-bg:#fafbfd;--scrollbar-thumb:#cbd5e1;--scrollbar-thumb-hover:#94a3b8;--modal-border:#ffffff80;--badge-green-bg:var(--success-light);--badge-green-text:#047857;--badge-green-border:#10b98126;--badge-yellow-bg:var(--warning-light);--badge-yellow-text:#b45309;--badge-yellow-border:#f59e0b26;--badge-red-bg:var(--danger-light);--badge-red-text:#be123c;--badge-red-border:#f43f5e26;--badge-indigo-bg:var(--primary-light);--badge-indigo-text:#4338ca;--badge-indigo-border:#6366f126;--badge-grey-bg:#f1f5f9;--badge-grey-text:#64748b;--badge-grey-border:#94a3b826;--shadow-sm:0 2px 8px #0f172a08;--shadow-md:0 8px 20px #0f172a0d, 0 2px 6px #0f172a08;--shadow-lg:0 16px 36px #0f172a14, 0 4px 12px #0f172a0a;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=dark]{--primary-light:#6366f12e;--success-light:#10b98129;--warning-light:#f59e0b29;--danger-light:#f43f5e29;--bg-app:#0b0f19;--bg-card:#161b28;--bg-card-alt:#1c2333;--border:#232a3b;--border-strong:#2d3548;--text-main:#e5e9f0;--text-muted:#94a3b8;--glass-bg:#161b28bf;--glass-border:#ffffff0f;--header-glass-bg:#0f131ecc;--header-glass-border:#ffffff0f;--table-header-bg:#1c2333;--table-hover-bg:#1e2536;--scrollbar-thumb:#2d3548;--scrollbar-thumb-hover:#3d4763;--modal-border:#ffffff0f;--badge-green-text:#34d399;--badge-yellow-text:#fbbf24;--badge-red-text:#fb7185;--badge-indigo-text:#a5b4fc;--badge-grey-bg:#94a3b81f;--badge-grey-text:#94a3b8;--badge-grey-border:#94a3b833;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 20px #0000004d, 0 2px 6px #0003;--shadow-lg:0 16px 36px #00000073, 0 4px 12px #00000040}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s,color .25s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 16px 4px #6366f133}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}button,.btn{font-family:var(--font-family);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}button:active,.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--primary);color:var(--text-white);box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.btn-secondary{background-color:var(--bg-card);color:var(--text-muted);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--bg-app);color:var(--text-main);border-color:var(--text-muted)}.btn-danger{background-color:var(--danger);color:var(--text-white);box-shadow:0 4px 14px var(--danger-glow)}.btn-danger:hover{background-color:#e11d48;transform:translateY(-1px);box-shadow:0 6px 20px #f43f5e66}.btn-icon-sm{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:38px;height:38px;padding:8px;display:inline-flex}button svg,.btn svg{flex-shrink:0;transition:transform .2s}button:hover svg,.btn:hover svg{transform:scale(1.08)}.form-group{margin-bottom:20px}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.form-control{width:100%;font-family:var(--font-family);border-radius:var(--radius-md);border:1px solid var(--border-strong);background-color:var(--bg-card);color:var(--text-main);transition:var(--transition);padding:12px 16px;font-size:14px;font-weight:500}.form-control::placeholder{color:var(--text-muted);opacity:.7}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background-color:var(--bg-card);outline:none}.card-panel{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition);padding:28px}.card-panel:hover{box-shadow:var(--shadow-md)}.matrix-grid{grid-template-columns:200px repeat(auto-fill,minmax(32px,1fr));gap:8px;margin-top:20px;padding:8px 4px 16px;display:grid;overflow-x:auto}.matrix-header{color:var(--text-muted);text-align:center;letter-spacing:.5px;min-width:32px;padding:8px 0;font-size:11px;font-weight:800}.matrix-row-label{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;align-self:center;padding-right:16px;font-size:13px;font-weight:700;overflow:hidden}.matrix-cell{aspect-ratio:1;cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;border:1px solid #00000008;border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.matrix-cell:hover{z-index:10;transform:scale(1.2)translateY(-2px)}.status-green{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 10px #10b98140}.status-yellow{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 10px #f59e0b40}.status-red{color:#fff;background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);box-shadow:0 4px 10px #f43f5e40}.status-none{background-color:var(--table-header-bg);color:var(--text-muted);cursor:default;box-shadow:none;border:1px dashed var(--border-strong)}.matrix-cell.status-none:hover{box-shadow:none;z-index:1;transform:none}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border);background-color:var(--bg-card);width:100%;box-shadow:var(--shadow-sm);overflow-x:auto}.table-custom{border-collapse:collapse;text-align:left;width:100%}.table-custom th{background-color:var(--table-header-bg);color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border-strong);padding:18px 24px;font-size:11px;font-weight:800}.table-custom td{border-bottom:1px solid var(--border);color:var(--text-main);transition:var(--transition-fast);padding:20px 24px;font-size:14px;font-weight:500}.table-custom tr:last-child td{border-bottom:none}.table-custom tr{transition:var(--transition-fast)}.table-custom tr:hover{background-color:var(--table-hover-bg)}.badge-ui{letter-spacing:.3px;text-transform:uppercase;border-radius:30px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 2px 4px #00000005}.badge-green{background-color:var(--badge-green-bg);color:var(--badge-green-text);border:1px solid var(--badge-green-border)}.badge-yellow{background-color:var(--badge-yellow-bg);color:var(--badge-yellow-text);border:1px solid var(--badge-yellow-border)}.badge-red{background-color:var(--badge-red-bg);color:var(--badge-red-text);border:1px solid var(--badge-red-border)}.badge-indigo{background-color:var(--badge-indigo-bg);color:var(--badge-indigo-text);border:1px solid var(--badge-indigo-border)}.badge-grey{background-color:var(--badge-grey-bg);color:var(--badge-grey-text);border:1px solid var(--badge-grey-border)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.spinner-border{vertical-align:text-bottom;border:.25em solid #6366f11a;border-right-color:var(--primary);border-radius:50%;width:2.5rem;height:2.5rem;animation:.75s linear infinite spinner-border;display:inline-block}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinning{animation:.75s linear infinite spinner-border}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0f172a73;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:var(--shadow-lg);border:1px solid var(--modal-border);padding:36px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn}.modal-content h3{color:var(--text-main);letter-spacing:-.3px;margin-bottom:12px;font-size:20px;font-weight:800}.modal-content p{color:var(--text-muted);margin-bottom:28px;font-size:14px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.modal-content-form{text-align:left;flex-direction:column;max-width:640px;max-height:85vh;padding:0;display:flex;overflow:hidden}.modal-form-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;margin-bottom:0;padding:36px 36px 0;display:flex}.modal-form-body{padding:20px 36px 36px;overflow-y:auto}@media (width<=640px){.modal-content{padding:24px}.modal-content-form{max-height:90vh}.modal-form-header{padding:20px 20px 0}.modal-form-body{padding:16px 20px 20px}}.modal-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.modal-close-btn:hover{background-color:var(--bg-app);color:var(--text-main)}.toast-notification{border-radius:var(--radius-md);z-index:2000;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff26;justify-content:center;align-items:center;gap:12px;min-width:320px;padding:14px 28px;font-size:14px;font-weight:700;animation:.35s cubic-bezier(.16,1,.3,1) slideDown,.35s 2.65s forwards fadeOut;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #00000014,0 8px 16px -6px #00000014}.toast-success{background-color:#10b981f2;box-shadow:0 8px 24px #10b98140}.toast-error{background-color:#f43f5ef2;box-shadow:0 8px 24px #f43f5e40}.toast-info{background-color:#6366f1f2;box-shadow:0 8px 24px #6366f140}@keyframes slideDown{0%{opacity:0;top:-60px;transform:translate(-50%)scale(.9)}to{opacity:1;top:24px;transform:translate(-50%)scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden;transform:translate(-50%)translateY(-10px)scale(.95)}}.layout-wrapper{min-height:100vh;display:flex}.sidebar{width:260px;color:var(--text-white);z-index:150;background:linear-gradient(#0b0f19 0%,#1e1b4b 100%);border-right:1px solid #ffffff0d;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 24px #00000026}.sidebar-close-btn{color:var(--text-white);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;margin-left:auto;padding:4px;display:none}.sidebar-close-btn:hover{background-color:#ffffff14}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:140;background-color:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.mobile-menu-btn{border:1px solid var(--border-strong);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;width:38px;height:38px;transition:var(--transition);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:none}.mobile-menu-btn:hover{background-color:var(--primary-light);color:var(--primary);border-color:var(--primary)}.sidebar-logo{letter-spacing:.5px;color:var(--text-white);border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:24px 28px;font-size:22px;font-weight:800;display:flex}.sidebar-logo span{color:#818cf8;background:linear-gradient(135deg,#a5b4fc 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.sidebar-menu{flex-direction:column;flex:1;gap:6px;padding:24px 16px;display:flex}.menu-link{color:#94a3b8;border-radius:var(--radius-md);transition:var(--transition);border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 18px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.menu-link:hover{color:var(--text-white);background-color:#ffffff0a;transform:translate(4px)}.menu-link.active{color:#fff;border-left-color:var(--primary);text-shadow:0 0 10px #6366f14d;background:linear-gradient(90deg,#6366f126 0%,#6366f103 100%);box-shadow:inset 2px 0 #6366f11a}.menu-link svg{transition:transform .2s}.menu-link:hover svg{color:#818cf8;transform:scale(1.1)}.menu-link.active svg{color:#818cf8}.sidebar-user{border-radius:var(--radius-md);transition:var(--transition);border-top:1px solid #ffffff14;align-items:center;gap:12px;margin:8px 16px 16px;padding:20px 20px 16px;text-decoration:none;display:flex}.sidebar-user:hover{background-color:#ffffff0a}.sidebar-user-avatar{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex}.sidebar-user-details{min-width:0}.sidebar-user-name{color:var(--text-white);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.user-role{color:var(--primary);background-color:var(--primary-light);text-transform:uppercase;letter-spacing:.5px;border-radius:12px;margin-top:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}:root[data-theme=dark] .user-role{color:#a5b4fc;background-color:#6366f138}.header-top{background-color:var(--header-glass-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--header-glass-border);z-index:90;align-items:center;height:70px;padding:0 32px;display:none;position:fixed;top:0;left:0;right:0}.main-content{background-color:var(--bg-app);flex:1;min-width:0;min-height:100vh;margin-left:260px;padding:36px 40px;animation:.4s ease-out fadeIn}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close-btn{display:flex}.sidebar-backdrop{display:block}.mobile-menu-btn{display:flex}.header-top{padding:0 20px;display:flex}.main-content{min-height:calc(100vh - 70px);margin-top:70px;margin-left:0;padding:24px}}@media (width<=640px){.header-top{padding:0 16px}.main-content{padding:16px}.sidebar{width:84%;max-width:300px}}.login-wrapper{background-image:linear-gradient(135deg,#0f172abf 0%,#1e1b4be6 100%),url(/login-bg.png);background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;padding:16px;animation:.6s ease-out fadeIn;display:flex}.login-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);background-color:#ffffffe0;border:1px solid #ffffff73;width:100%;max-width:440px;padding:44px 40px;animation:.4s cubic-bezier(.16,1,.3,1) scaleIn;box-shadow:0 25px 60px -15px #0000004d,0 15px 30px -10px #0003}.login-header{text-align:center;margin-bottom:36px}.login-logo{justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;animation:4s ease-in-out infinite float;display:inline-flex}.login-title{color:var(--text-main);letter-spacing:-.5px;font-size:24px;font-weight:800}.login-subtitle{color:var(--text-muted);margin-top:8px;font-size:14px;font-weight:500}.login-error{background-color:var(--danger-light);color:var(--danger);border-radius:var(--radius-md);text-align:center;border:1px solid #f43f5e26;margin-bottom:28px;padding:12px 16px;font-size:13px;font-weight:700;animation:.3s cubic-bezier(.16,1,.3,1) loginErrorSlide}@keyframes loginErrorSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn-login-submit{letter-spacing:.3px;background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);width:100%;height:50px;margin-top:14px;font-size:15px;font-weight:700}.btn-login-submit:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, #3b3dbf 100%);transform:translateY(-2px);box-shadow:0 8px 24px #6366f173}@media (width<=480px){.login-card{padding:32px 24px}.login-title{font-size:20px}}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;animation:.4s ease-out fadeIn;display:flex}.dashboard-title h1{color:var(--text-main);letter-spacing:-.8px;font-size:28px;font-weight:800}.dashboard-title p{color:var(--text-muted);margin-top:4px;font-size:14px;font-weight:500}.stats-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:grid}.stat-card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:var(--transition);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-4px)}.stat-info{flex-direction:column;gap:6px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:800}.stat-value{color:var(--text-main);letter-spacing:-.5px;font-size:32px;font-weight:800}.stat-icon-wrapper{border-radius:var(--radius-md);width:54px;height:54px;transition:var(--transition);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #00000005}.stat-card:hover .stat-icon-wrapper{transform:scale(1.1)rotate(5deg)}.icon-blue{background-color:var(--primary-light);color:var(--primary);box-shadow:0 4px 12px var(--primary-glow)}.icon-green{background-color:var(--success-light);color:var(--success);box-shadow:0 4px 12px var(--success-glow)}.icon-yellow{background-color:var(--warning-light);color:var(--warning);box-shadow:0 4px 12px var(--warning-glow)}.icon-red{background-color:var(--danger-light);color:var(--danger);box-shadow:0 4px 12px var(--danger-glow)}.icon-indigo{background-color:var(--primary-light);color:var(--primary);box-shadow:0 4px 12px var(--primary-glow)}.matrix-section{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:32px;padding:28px;animation:.45s cubic-bezier(.16,1,.3,1) slideUp}.matrix-section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:18px;display:flex}.matrix-section-title{color:var(--text-main);letter-spacing:-.3px;font-size:18px;font-weight:800}.matrix-shop-header{background-color:var(--bg-card-alt);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-fast);align-items:center;gap:10px;margin-top:8px;padding:10px 8px;display:flex}.matrix-shop-header:hover{background-color:var(--border)}.matrix-shop-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.matrix-shop-chevron.collapsed{transform:rotate(-90deg)}.matrix-shop-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.matrix-shop-checklist-count{color:var(--text-muted);flex-shrink:0;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.matrix-shop-header .badge-ui{flex-shrink:0;margin-left:auto}.matrix-no-checklists{color:var(--text-muted);padding:14px 12px 14px 34px;font-size:13px;font-style:italic}.matrix-checklist-label{flex-direction:column;align-items:flex-start;gap:4px;padding-left:26px;display:flex}.matrix-checklist-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.date-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.matrix-legend{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:24px;margin-top:20px;padding-top:20px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.legend-color{border-radius:6px;width:16px;height:16px;box-shadow:0 2px 5px #0000000d}.matrix-empty-state{text-align:center;color:var(--text-muted);border:2px dashed var(--border-strong);border-radius:var(--radius-md);background-color:var(--bg-app);flex-direction:column;justify-content:center;align-items:center;margin-top:20px;padding:56px 24px;font-size:14px;font-weight:500;display:flex}.analytics-grid{grid-template-columns:repeat(2,1fr);gap:28px;margin-bottom:40px;animation:.5s cubic-bezier(.16,1,.3,1) slideUp;display:grid}.analytics-card{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;padding:28px;display:flex}.analytics-card.col-span-2{grid-column:span 2}.analytics-card-title{color:var(--text-main);letter-spacing:-.3px;margin-bottom:24px;font-size:16px;font-weight:800}.geofence-adherence-content{align-items:center;gap:32px;margin-bottom:12px;display:flex}.geofence-visual{flex-shrink:0}.geofence-percentage-ring{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:relative;box-shadow:inset 0 2px 4px #00000005}.geofence-percentage-ring:before{content:"";background:var(--bg-card,#fff);z-index:1;border-radius:50%;position:absolute;inset:9px}.percentage-number{color:var(--text-main);letter-spacing:-.5px;z-index:2;font-size:22px;font-weight:800;position:relative}.percentage-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;z-index:2;font-size:9px;font-weight:700;position:relative}.geofence-list{flex-direction:column;flex-grow:1;gap:16px;display:flex}.geofence-list-item{align-items:center;gap:14px;display:flex}.geofence-list-item .marker{border-radius:50%;flex-shrink:0;width:12px;height:12px}.geofence-list-item .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700;display:block}.geofence-list-item .value{color:var(--text-main);margin-top:2px;font-size:14px;font-weight:600;display:block}.bg-success{background-color:var(--success);box-shadow:0 0 8px var(--success-glow)}.bg-danger{background-color:var(--danger);box-shadow:0 0 8px var(--danger-glow)}.shift-breakdown-content{flex-direction:column;gap:12px;display:flex}.shift-labels{color:var(--text-muted);justify-content:space-between;font-size:13px;font-weight:500;display:flex}.shift-labels strong{color:var(--text-main);font-weight:700}.progress-bar-container{background-color:var(--border-strong);border-radius:6px;width:100%;height:12px;overflow:hidden}.progress-bar-fill{border-radius:6px;height:100%}.progress-blue{background:linear-gradient(90deg, var(--primary) 0%, #818cf8 100%);box-shadow:0 2px 4px var(--primary-glow)}.top-issues-list{flex-direction:column;gap:18px;display:flex}.top-issue-item{align-items:center;gap:16px;display:flex}.top-issue-rank{background-color:var(--bg-app);border:1px solid var(--border-strong);width:30px;height:30px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.top-issue-main{flex-direction:column;flex-grow:1;gap:6px;display:flex}.top-issue-label-text{color:var(--text-main);font-size:13px;font-weight:700;line-height:1.4}.top-issue-bar-bg{background-color:var(--border-strong);border-radius:4px;width:100%;height:8px;overflow:hidden}.top-issue-bar-fill{background:linear-gradient(90deg, var(--danger) 0%, #fda4af 100%);border-radius:4px;height:100%}.top-issue-count{color:var(--text-muted);text-align:right;flex-shrink:0;min-width:64px;font-size:12px;font-weight:600}.empty-analytics-state{text-align:center;color:var(--text-muted);border:2px dashed var(--border-strong);border-radius:var(--radius-md);background-color:var(--bg-card-alt);flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:48px 24px;font-size:14px;font-weight:500;display:flex}.recent-issues-feed{flex-direction:column;gap:16px;max-height:380px;padding-right:6px;display:flex;overflow-y:auto}.recent-issue-card{background-color:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:var(--transition);padding:18px}.recent-issue-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.recent-issue-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.recent-issue-card-shop{color:var(--text-main);letter-spacing:-.3px;font-size:14px;font-weight:800}.recent-issue-card-meta{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.recent-issue-card-body{justify-content:space-between;align-items:center;gap:20px;display:flex}.recent-issue-card-info{flex-grow:1}.recent-issue-card-task{color:var(--text-main);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.recent-issue-card-remarks{color:var(--text-muted);font-size:13px;font-style:italic;line-height:1.5}.recent-issue-card-photo{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-strong);width:60px;height:60px;box-shadow:var(--shadow-sm);flex-shrink:0;position:relative;overflow:hidden}.recent-issue-card-photo img{object-fit:cover;width:100%;height:100%}.photo-hover-overlay{color:#fff;opacity:0;transition:var(--transition-fast);background-color:#6366f166;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.recent-issue-card-photo:hover .photo-hover-overlay{opacity:1}.photo-preview-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:3000;background-color:#0f172acc;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.photo-preview-content{justify-content:center;align-items:center;max-width:90%;max-height:85vh;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn;display:flex;position:relative}.photo-preview-close{color:#fff;cursor:pointer;width:44px;height:44px;transition:var(--transition);background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-54px;right:0}.photo-preview-close:hover{background:#ffffff4d;transform:scale(1.1)rotate(90deg)}.photo-preview-img{object-fit:contain;border-radius:var(--radius-md);border:3px solid #fff3;max-width:100%;max-height:75vh;box-shadow:0 25px 50px -12px #00000080}@media (width<=1024px){.analytics-grid{grid-template-columns:1fr}.analytics-card.col-span-2{grid-column:span 1}}@media (width<=640px){.dashboard-title h1{font-size:22px}.matrix-section,.analytics-card{padding:18px}.date-controls input[type=date]{font-size:12.5px;width:128px!important;padding:8px 4px 8px 8px!important}.geofence-adherence-content{flex-direction:column;align-items:flex-start;gap:20px}.recent-issue-card-body{flex-direction:column;align-items:flex-start}.recent-issue-card-photo{align-self:flex-start}}.builder-container{grid-template-columns:320px 1fr;align-items:start;gap:30px;min-width:0;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:grid}.templates-sidebar{background-color:var(--bg-card);border:1px solid var(--border);border-radius:16px;min-width:0;max-height:82vh;padding:20px;overflow:hidden auto;box-shadow:0 1px 3px #0000000d,0 20px 25px -5px #00000005}@media (width<=1024px){.builder-container{grid-template-columns:1fr}.templates-sidebar{max-height:400px}}@media (width<=640px){.editor-panel{padding:20px}.task-builder-row{grid-template-columns:1fr;gap:8px}.template-stats-grid{grid-template-columns:1fr 1fr}}.templates-list{flex-direction:column;gap:12px;margin-top:10px;display:flex}.sidebar-search-container{align-items:center;margin-bottom:20px;display:flex;position:relative}.sidebar-search-container .search-icon{color:var(--text-muted);pointer-events:none;transition:var(--transition-fast);position:absolute;left:12px}.sidebar-search-input{border:1px solid var(--border-strong);background-color:var(--bg-app);width:100%;color:var(--text-main);border-radius:10px;padding:10px 36px;font-size:13px;font-weight:500;transition:all .2s}.sidebar-search-input:focus{background-color:var(--bg-card);border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f11f}.sidebar-search-input:focus+.search-icon{color:var(--primary)}.search-clear-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.search-clear-btn:hover{color:var(--text-main)}.sidebar-section-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:12px;padding:0 4px;font-size:11px;font-weight:700;display:flex}.sidebar-section-header .section-header-icon{color:var(--text-muted)}.sidebar-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 0;font-size:13px;display:flex}.spinner-small{border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.template-item{border:1px solid var(--border-strong);background-color:var(--bg-card);cursor:pointer;text-align:left;border-radius:12px;width:100%;padding:12px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden}.template-item:before{content:"";background-color:#0000;width:3px;transition:background-color .2s;position:absolute;top:0;bottom:0;left:0}.template-item:hover{background-color:var(--bg-app);border-color:var(--border-strong);transform:translate(2px)}.template-item.active{background-color:var(--primary-light);border-color:var(--primary-light);box-shadow:0 4px 12px #6366f10a}.template-item.active:before{background-color:var(--primary)}.template-item-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.template-item-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.template-item-icon-wrapper{background-color:var(--bg-app);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.template-item.active .template-item-icon-wrapper{background-color:var(--bg-card)}.icon-opening{color:var(--warning)}.icon-closing{color:var(--primary)}.template-item-info{flex:1;min-width:0}.template-item-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;line-height:1.3;overflow:hidden}.template-item-stats{color:var(--text-muted);margin-top:2px;font-size:10.5px;font-weight:500}.template-item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;padding-right:14px;display:flex}.badge-ui-small{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;align-items:center;padding:3px 8px;font-size:9px;font-weight:800;display:inline-flex;box-shadow:0 1px 2px #00000005}.badge-ui-small.badge-yellow{background-color:var(--warning-light);color:var(--badge-yellow-text);border:1px solid #f59e0b1f}.badge-ui-small.badge-indigo{background-color:var(--primary-light);color:var(--badge-indigo-text);border:1px solid #6366f11f}.badge-ui-small.badge-red{background-color:var(--danger-light);color:var(--badge-red-text);border:1px solid #f43f5e1f}.active-chevron{color:var(--primary);animation:.3s ease-out slideRight;position:absolute;top:50%;right:10px;transform:translateY(-50%)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideRight{0%{opacity:0;transform:translateY(-50%)translate(-4px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.editor-panel{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-sm);transition:var(--transition);padding:36px}.editor-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.editor-title{color:var(--text-main);letter-spacing:-.5px;font-size:22px;font-weight:800}.area-builder-card{border:1px solid var(--border-strong);background-color:var(--bg-card-alt);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);margin-bottom:24px;padding:24px;position:relative}.area-builder-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light)}.area-builder-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.task-builder-row{background-color:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:var(--transition);border-left:4px solid var(--border-strong);grid-template-columns:2.2fr 1fr 120px 44px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 16px;display:grid}.task-builder-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.task-builder-row.type-boolean{border-left-color:var(--success)}.task-builder-row.type-numeric{border-left-color:var(--primary)}.task-builder-row.type-media{border-left-color:#a855f7}.view-task-row{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition-fast);border-left:4px solid var(--border-strong);justify-content:space-between;align-items:center;padding:12px 18px;font-size:14px;display:flex}.view-task-row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translate(4px)}.view-task-row.type-boolean{border-left-color:var(--success)}.view-task-row.type-numeric{border-left-color:var(--primary)}.view-task-row.type-media{border-left-color:#a855f7}.btn-icon-danger{border-radius:var(--radius-md);background-color:var(--danger-light);width:40px;height:40px;color:var(--danger);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon-danger:hover{background-color:var(--danger);color:#fff}.add-area-btn{border:2px dashed var(--border-strong);background-color:var(--bg-card);width:100%;color:var(--text-muted);border-radius:var(--radius-md);height:52px;margin-bottom:24px;font-weight:700}.add-area-btn:hover{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light)}.empty-builder-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.empty-builder-icon{color:var(--primary);background-color:var(--primary-light);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;padding:24px;animation:3s infinite pulseGlow;display:inline-flex}.empty-builder-state h3{color:var(--text-main);margin-bottom:8px;font-size:18px;font-weight:800}.empty-builder-state p{max-width:380px;font-size:14px;line-height:1.5}.template-dashboard-overview{animation:.4s ease-out fadeIn}.dashboard-grid-header{margin-bottom:24px}.dashboard-grid-header h1{color:var(--text-main);letter-spacing:-.8px;font-size:28px;font-weight:800}.dashboard-grid-header p{color:var(--text-muted);margin-top:4px;font-size:14px;font-weight:500}.template-stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.template-stat-card{background-color:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:var(--radius-md);transition:var(--transition);flex-direction:column;gap:6px;padding:20px 24px;display:flex}.template-stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-2px)}.template-stat-card .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.template-stat-card .stat-number{color:var(--text-main);letter-spacing:-.5px;font-size:32px;font-weight:800}.template-gallery-header{border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:10px}.template-gallery-header h4{color:var(--text-main);letter-spacing:-.3px;font-size:18px;font-weight:800}.template-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.template-gallery-card{background-color:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);flex-direction:column;padding:20px;display:flex}.template-gallery-card:hover{border-color:var(--primary-light);box-shadow:var(--shadow-md);transform:translateY(-4px)}.template-card-header{justify-content:space-between;margin-bottom:14px;display:flex}.template-card-title{color:var(--text-main);letter-spacing:-.3px;flex-grow:1;margin-bottom:12px;font-size:15px;font-weight:800;line-height:1.4}.template-card-stats{border-top:1px solid var(--border);flex-direction:column;gap:6px;margin-bottom:16px;padding-top:12px;display:flex}.card-stat-item{color:var(--text-muted);font-size:12px;font-weight:500}.card-stat-item strong{color:var(--text-main)}.template-card-action{color:var(--primary);align-items:center;gap:4px;margin-top:auto;font-size:12px;font-weight:700;display:flex}.template-gallery-card:hover .template-card-action{color:var(--primary-hover)}.details-section{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.assigned-checklists-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.assigned-checklist-item{background-color:var(--bg-app);border-radius:var(--radius-md);border:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.assigned-checklist-name{color:var(--text-main);font-size:13px;font-weight:700}.assigned-checklist-type{color:var(--text-muted);text-transform:uppercase;font-size:11px}.remove-assignment-btn{color:var(--text-muted);cursor:pointer;background-color:#0000;border:none;padding:0}.remove-assignment-btn:hover{color:var(--danger)}.btn-icon-sm{border-radius:var(--radius-sm);padding:6px}.mappings-checkbox-grid{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-app);flex-direction:column;gap:10px;max-height:200px;margin-top:12px;padding:10px;display:flex;overflow-y:auto}.checkbox-label{color:var(--text-main);cursor:pointer;align-items:center;gap:10px;padding:4px 0;font-size:14px;font-weight:600;display:flex}.checkbox-input{cursor:pointer}.pin-input-container{gap:10px;display:flex}.reports-filter-bar{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:flex-end;gap:20px;margin-bottom:30px;padding:24px 28px;animation:.4s ease-out fadeIn;display:flex}.reports-filter-bar .form-group{margin-bottom:0}.report-meta-grid{background-color:var(--bg-card-alt);border-radius:var(--radius-md);border:1px solid var(--border-strong);grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;padding:20px;display:grid}.report-meta-item{color:var(--text-main);flex-direction:column;gap:4px;font-size:13px;font-weight:500;display:flex}.report-meta-item span{color:var(--text-main);font-size:14px;font-weight:700}.report-response-item{border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-card);transition:var(--transition-fast);margin-bottom:14px;padding:18px}.report-response-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.report-response-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.report-response-label{color:var(--text-main);flex:1;padding-right:16px;font-size:14px;font-weight:700;line-height:1.4}.report-anomaly-card{background-color:var(--danger-light);border-radius:var(--radius-sm);border:1px solid #f43f5e33;margin-top:12px;padding:16px;font-size:13px;box-shadow:0 2px 6px #f43f5e0d}.report-anomaly-title{color:var(--danger);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:6px;font-size:11px;font-weight:800;display:flex}.report-thumbnail{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-strong);cursor:pointer;width:110px;height:110px;transition:var(--transition);box-shadow:var(--shadow-sm);margin-top:10px}.report-thumbnail:hover{box-shadow:var(--shadow-md);transform:scale(1.06)translateY(-2px)}.btn-export{background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.btn-export:hover{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}@media (width<=640px){.reports-filter-bar{gap:14px;padding:18px}.report-meta-grid{grid-template-columns:1fr}}.settings-grid{flex-direction:column;gap:20px;max-width:560px;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex}.settings-card{flex-direction:column;display:flex}.settings-card-title{color:var(--text-main);align-items:center;gap:8px;margin-bottom:6px;font-size:15px;font-weight:800;display:flex}.settings-card-desc{color:var(--text-muted);margin-bottom:20px;font-size:13px}.theme-switcher{background-color:var(--bg-card-alt);border:1px solid var(--border-strong);border-radius:var(--radius-md);gap:10px;padding:6px;display:flex}.theme-option{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.theme-option:hover{color:var(--text-main)}.theme-option.active{background-color:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.settings-logout-btn,.settings-security-btn{align-self:flex-start}.password-input-wrap{position:relative}.password-input-wrap .form-control{padding-right:42px}.password-toggle-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--text-main);background-color:var(--bg-card-alt)}.sessions-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.settings-loading-text{color:var(--text-muted);padding:8px 0;font-size:13px}.session-item{background-color:var(--bg-card-alt);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.session-item-icon{color:var(--text-muted);flex-shrink:0;margin-top:2px}.session-item-info{min-width:0}.session-item-device{color:var(--text-main);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.session-current-badge{padding:2px 8px;font-size:9px}.session-item-meta{color:var(--text-muted);margin-top:2px;font-size:12px}.settings-subheading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-top:1px solid var(--border);align-items:center;gap:6px;margin-top:24px;margin-bottom:12px;padding-top:20px;font-size:11px;font-weight:800;display:flex}.activity-list{flex-direction:column;gap:10px;display:flex}.activity-item{align-items:flex-start;gap:10px;display:flex}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.activity-dot-green{background-color:var(--success);box-shadow:0 0 6px var(--success-glow)}.activity-dot-red{background-color:var(--danger);box-shadow:0 0 6px var(--danger-glow)}.activity-item-info{flex-direction:column;min-width:0;display:flex}.activity-item-label{color:var(--text-main);font-size:13px;font-weight:600}.activity-item-meta{color:var(--text-muted);margin-top:1px;font-size:11px}