:root{--color-background:222 47% 11%;--color-surface:217 33% 17%;--color-surface-hover:217 33% 22%;--color-primary:210 100% 50%;--color-primary-hover:210 100% 60%;--color-primary-foreground:0 0% 100%;--color-secondary:262 83% 58%;--color-text-main:210 40% 98%;--color-text-muted:215 20% 65%;--color-border:217 16% 26%;--color-success:142 71% 45%;--color-error:0 84% 60%;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--color-primary-raw:210 100% 50%;--color-secondary-raw:262 83% 58%;--color-bg-secondary-raw:217 33% 22%;--color-border-raw:217 16% 26%;--background:var(--color-background);--foreground:var(--color-text-main);--card:var(--color-surface);--popover:var(--color-surface);--primary:var(--color-primary);--secondary:var(--color-secondary);--muted:var(--color-text-muted);--destructive:var(--color-error);--border:var(--color-border);--input:var(--color-border);--ring:var(--color-primary)}:root[data-theme=light]{--color-background:210 40% 98%;--color-surface:0 0% 100%;--color-surface-hover:210 40% 95%;--color-primary:221 83% 53%;--color-primary-hover:221 83% 43%;--color-primary-foreground:0 0% 100%;--color-secondary:262 83% 58%;--color-text-main:222 47% 11%;--color-text-muted:215 16% 47%;--color-border:214 32% 80%;--shadow-sm:0 1px 3px 0 #0000000d;--shadow-md:0 10px 15px -3px #0000000a, 0 4px 6px -4px #00000005}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--color-background:210 40% 98%;--color-surface:0 0% 100%;--color-surface-hover:210 40% 95%;--color-primary:221 83% 53%;--color-primary-hover:221 83% 43%;--color-primary-foreground:0 0% 100%;--color-secondary:262 83% 58%;--color-text-main:222 47% 11%;--color-text-muted:215 16% 47%;--color-border:214 32% 80%;--shadow-sm:0 1px 3px 0 #0000000d;--shadow-md:0 10px 15px -3px #0000000a, 0 4px 6px -4px #00000005;--color-primary-raw:221 83% 53%;--color-secondary-raw:262 83% 58%;--color-bg-secondary-raw:210 40% 95%;--color-border-raw:214 32% 80%}}body{background-color:hsl(var(--color-background));color:hsl(var(--color-text-main));font-family:var(--font-sans);-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}.container{width:100%;max-width:95%;padding:0 var(--space-4);margin:0 auto}.text-gradient{background:linear-gradient(to right, hsl(var(--color-primary)), hsl(var(--color-secondary)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.dashboard-container{background-color:hsl(var(--color-background));height:100vh;display:flex;overflow:hidden}.sidebar{background:hsla(var(--color-surface), .5);border-right:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);width:240px;padding:var(--space-6);z-index:100;flex-direction:column;flex-shrink:0;transition:transform .3s,width .3s;display:flex}.sidebar-header{margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-3);display:flex}.brand-logo{background:linear-gradient(135deg, hsl(var(--color-primary)), hsl(var(--color-secondary)));border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:700;display:flex}.brand-text{margin:0;font-size:1.25rem;font-weight:700}.sidebar-nav{gap:var(--space-2);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;flex-direction:column;flex:1;min-height:0;padding-bottom:2rem;display:flex;overflow:hidden auto}.nav-item{align-items:center;gap:var(--space-2);color:hsl(var(--color-text-muted));border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;padding:.5rem .75rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-sub-items{flex-direction:column;gap:4px;margin-top:4px;margin-bottom:8px;padding-left:1.8rem;animation:.2s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.nav-sub-item{color:hsl(var(--color-text-muted));border-radius:var(--radius-md);border-left:1px solid var(--color-border);padding:4px 8px;font-size:.8rem;text-decoration:none;transition:all .2s}.nav-sub-item:hover:not(.disabled){color:hsl(var(--color-text-main));background:hsla(var(--color-surface-hover), .5);border-left-color:hsl(var(--color-primary))}.nav-sub-item.active{color:hsl(var(--color-primary));border-left-color:hsl(var(--color-primary));background:hsla(var(--color-primary), .05);font-weight:600}.nav-sub-item.disabled{opacity:.5;cursor:not-allowed;font-style:italic}.nav-item.active-parent{color:hsl(var(--color-text-main));background:hsla(var(--color-surface-hover), .3)}.nav-item:hover{background:hsla(var(--color-surface-hover), 1);color:hsl(var(--color-text-main));transform:translate(4px)}.nav-item.active{background:linear-gradient(to right, hsla(var(--color-primary), .1), transparent);color:hsl(var(--color-primary));border-left:3px solid hsl(var(--color-primary))}.nav-item i{font-size:1.25rem}.sidebar-footer{padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:auto}.user-profile{align-items:center;gap:var(--space-3);padding:var(--space-2);color:hsl(var(--color-text-main));display:flex}.user-avatar{border-radius:var(--radius-full);background:hsl(var(--color-surface-hover));border:1px solid var(--color-border);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.logout-btn{padding:var(--space-2);color:hsl(var(--color-text-muted));cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.logout-btn:hover{color:hsl(var(--color-error));background:hsla(var(--color-error), .1)}.main-content{flex-direction:column;flex:1;width:100%;display:flex;position:relative;overflow:hidden}.top-bar{border-bottom:1px solid var(--color-border);height:64px;padding:0 var(--space-8);background:hsla(var(--color-background), .8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.top-bar-right{align-items:center;gap:1.5rem;display:flex}.content-scrollable{padding:var(--space-8);flex:1;overflow-y:auto}.content-scrollable.app-like-page{flex-direction:column;padding:0;display:flex;overflow:hidden}.theme-toggle-container{margin-bottom:var(--space-4);padding:0 var(--space-2)}.theme-toggle-btn{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);width:100%;color:hsl(var(--color-text-muted));cursor:pointer;padding:.5rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.theme-toggle-btn:hover{background:hsla(var(--color-surface-hover), .8);color:hsl(var(--color-text-main))}html[data-theme=light] .top-bar{background:hsla(var(--color-surface), .8);border-bottom:1px solid hsl(var(--color-border))}html[data-theme=light] .sidebar{background:hsl(var(--color-surface))}.theme-switcher-top{background:hsl(var(--color-surface-hover) / .5);border-radius:var(--radius-md);border:1px solid hsl(var(--color-border));padding:3px;display:flex}.theme-btn{border-radius:calc(var(--radius-md) - 2px);color:hsl(var(--color-text-muted));cursor:pointer;align-items:center;gap:8px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.theme-btn:hover{color:hsl(var(--color-text-main))}.theme-btn.active{background:hsl(var(--color-surface));color:hsl(var(--color-primary));box-shadow:var(--shadow-sm)}html[data-theme=light] .theme-switcher-top{background:#f1f5f9;border-color:#e2e8f0}html[data-theme=light] .theme-btn.active{background:#fff;border:1px solid #e2e8f0}html[data-theme=light] .sidebar-footer{border-top-color:hsl(var(--color-border))}html[data-theme=light] .user-profile{color:hsl(var(--color-text-main));background:0 0}html[data-theme=light] .user-avatar{color:#475569;background:#f1f5f9;border-color:#e2e8f0}html[data-theme=light] .logout-btn{color:#64748b}html[data-theme=light] .logout-btn:hover{color:#ef4444;background:#fee2e2}html[data-theme=light] .sidebar-footer,html[data-theme=light] .user-profile{background-color:#0000!important}.global-search-container{width:380px;transition:all .2s;position:relative}.global-search-input{background:hsla(var(--color-surface), .3);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:hsl(var(--color-text-main));padding:.6rem 1rem .6rem 2.8rem;font-size:.9rem;transition:all .2s}.global-search-input:focus{background:hsla(var(--color-surface), .6);border-color:hsl(var(--color-primary));box-shadow:0 0 0 3px hsla(var(--color-primary), .1);outline:none}.search-icon{color:hsl(var(--color-text-muted));pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}html[data-theme=light] .global-search-input{background:#fff}.notification-btn{border:1px solid var(--color-border);color:hsl(var(--color-text-muted));border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.notification-btn:hover,.notification-btn.active{color:hsl(var(--color-primary));border-color:hsl(var(--color-primary));background:hsla(var(--color-primary), .05)}.notification-badge{background:hsl(var(--color-primary));color:#fff;border:2px solid hsl(var(--color-background));border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notifications-dropdown{border:1px solid var(--color-border);border-radius:var(--radius-lg);z-index:1000;background:#1e293b;flex-direction:column;width:320px;display:flex;position:absolute;top:calc(100% + 10px);right:-50px;overflow:hidden;box-shadow:0 20px 40px #00000080}.notifications-header{border-bottom:1px solid var(--color-border);background:hsla(var(--color-surface), .5);justify-content:space-between;align-items:center;padding:12px 16px;font-size:.9rem;font-weight:600;display:flex}.mark-all-read{color:hsl(var(--color-primary));cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:500}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--color-border);cursor:pointer;gap:12px;padding:12px 16px;transition:background .2s;display:flex;position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:hsla(var(--color-surface-hover), .5)}.notification-item.unread{background:hsla(var(--color-primary), .03)}.notif-icon-wrapper{color:hsl(var(--color-primary));margin-top:2px}.notif-content{flex:1}.notif-title{margin:0 0 2px;font-size:.85rem;font-weight:600}.notif-desc{color:hsl(var(--color-text-muted));margin:0 0 4px;font-size:.8rem;line-height:1.3}.notif-time{color:hsl(var(--color-text-muted));opacity:.8;font-size:.7rem}.unread-dot{background:hsl(var(--color-primary));border-radius:50%;width:8px;height:8px;margin-top:6px}.notifications-footer{text-align:center;border-top:1px solid var(--color-border);background:hsla(var(--color-surface), .5);padding:8px}.notifications-footer button{color:hsl(var(--color-text-muted));cursor:pointer;background:0 0;border:none;width:100%;padding:4px;font-size:.8rem}.notifications-footer button:hover{color:hsl(var(--color-primary))}html[data-theme=light] .notifications-dropdown{background:#fff;box-shadow:0 10px 25px #0000001a}.header-date-display{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.date-label{color:hsl(var(--color-text-muted));text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.date-value{color:hsl(var(--color-text-main));font-size:.9rem;font-weight:600}.mobile-menu-btn,.sidebar-overlay{display:none}@media (width<=768px){.sidebar{position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 10px #0000001a}.sidebar.open{transform:translate(0)}.mobile-menu-btn,.mobile-close-btn{display:block!important}.sidebar-overlay{display:block}.top-bar{height:60px;padding:0 1rem}.top-bar-right{gap:.8rem}.global-search-container,.header-date-display,.theme-switcher-top span{display:none}.content-scrollable{padding:1rem}}.login-container{background-color:hsl(var(--color-background));justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-background{z-index:0;background:radial-gradient(circle at 15% 50%, hsla(var(--color-primary), .15) 0%, transparent 25%), radial-gradient(circle at 85% 30%, hsla(var(--color-secondary), .15) 0%, transparent 25%);filter:blur(40px);position:absolute;inset:0}.login-card{z-index:10;background:hsla(var(--color-surface), .7);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(var(--color-primary), .1);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:2.5rem;transition:transform .3s;position:relative;box-shadow:0 25px 50px -12px #00000080}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo-placeholder{background:linear-gradient(135deg, hsl(var(--color-primary)), hsl(var(--color-secondary)));border-radius:var(--radius-md);color:#fff;width:64px;height:64px;box-shadow:0 10px 15px -3px hsla(var(--color-primary), .3);justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.5rem;font-weight:700;display:flex}.login-title{color:hsl(var(--color-text-main));margin-bottom:.5rem;font-size:1.875rem;font-weight:700}.login-subtitle{color:hsl(var(--color-text-muted));font-size:.9rem}.form-group{margin-bottom:1.5rem;position:relative}.form-label{color:hsl(var(--color-text-main));margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input{background:hsla(var(--color-background), .5);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:hsl(var(--color-text-main));padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-input:focus{border-color:hsl(var(--color-primary));box-shadow:0 0 0 2px hsla(var(--color-primary), .2);background:hsla(var(--color-background), .8);outline:none}.btn-primary{background:linear-gradient(to right, hsl(var(--color-primary)), #0073e6);color:#fff;border-radius:var(--radius-md);width:100%;box-shadow:0 4px 6px -1px hsla(var(--color-primary), .3);margin-top:1rem;padding:.875rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary:hover{box-shadow:0 10px 15px -3px hsla(var(--color-primary), .4);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.clients-dashboard{flex-direction:column;height:calc(100vh - 80px);display:flex;overflow:hidden}.stats-header{background:hsl(var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);gap:var(--space-6);flex:none;align-items:center;display:flex;box-shadow:0 4px 6px -1px #0000001a}.stat-card{min-width:120px;padding-right:var(--space-6);border-right:1px solid var(--color-border);cursor:pointer;flex-direction:column;transition:opacity .2s;display:flex}.stat-card:hover{opacity:.7}.stat-value{color:hsl(var(--color-primary));font-size:2rem;font-weight:700;line-height:1}.stat-label{color:hsl(var(--color-text-muted));text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.stats-charts{gap:var(--space-8);flex:1;align-items:center;display:flex}.chart-item{cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);flex:1;transition:background .2s}.chart-item:hover{background:hsla(var(--color-surface-hover), .5)}.chart-item.active{background:hsla(var(--color-primary), .1);box-shadow:0 0 0 1px var(--color-primary)}.chart-bar-bg{background:hsla(var(--color-background), .5);border-radius:var(--radius-full);height:8px;margin-top:var(--space-2);overflow:hidden}.chart-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .5s ease-out}.clients-toolbar{margin-bottom:var(--space-4);flex:none;justify-content:space-between;align-items:center;display:flex}.search-bar{width:300px;position:relative}.search-input{background:hsl(var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:hsl(var(--color-text-main));padding:.5rem 1rem .5rem 2.5rem;font-size:.9rem}.rows-select{background:hsl(var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-sm);color:hsl(var(--color-text-main));cursor:pointer;padding:.25rem .5rem}.table-scroll-area{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:hsl(var(--color-surface));flex:1;overflow-y:auto}.clients-table{border-collapse:collapse;width:100%}.clients-table th{z-index:10;background:hsl(var(--color-surface));text-align:left;padding:1rem 1.5rem;font-size:.95rem;position:sticky;top:0;box-shadow:0 2px 4px -1px #0000001a}.clients-table.compact td{vertical-align:middle;padding:1rem 1.5rem;font-size:1rem}.clients-table tr:hover{background:hsla(var(--color-surface-hover), .5)}.inline-toggle.active{opacity:1;color:#fff;transform:scale(1)}.badge.rh.active{color:#fff;background:#0d59f2}.action-btn{padding:var(--space-2);color:hsl(var(--color-text-muted));transition:color .2s}.action-btn:hover{color:hsl(var(--color-primary))}.status-badge{-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:8px;padding:4px 12px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.status-badge:hover{filter:brightness(1.1);transform:translateY(-1px)}.status-dot{border-radius:50%;width:8px;height:8px}.status-badge.activo{color:#12a171;background-color:#12a1711a}.status-badge.activo .status-dot{background-color:#12a171}.status-badge.inactivo{color:#6c8093;background-color:#6c80931a}.status-badge.inactivo .status-dot{background-color:#6c8093}.status-badge.pendiente{color:#f2800d;background-color:#f2800d1a}.status-badge.pendiente .status-dot{background-color:#f2800d}html[data-theme=light] .stats-header,html[data-theme=light] .table-scroll-area{border-color:hsl(var(--color-border));box-shadow:var(--shadow-sm);background:#fff}html[data-theme=light] .clients-table td{border-bottom:1px solid hsl(var(--color-border))}html[data-theme=light] .clients-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}html[data-theme=light] .clients-table tr:hover{background:#f1f5f9}html[data-theme=light] .search-input,html[data-theme=light] .rows-select{border-color:hsl(var(--color-border));background:#fff}html[data-theme=light] .stat-card{border-right-color:hsl(var(--color-border))}.form-overlay-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000bf;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.client-form-container{background:hsl(var(--color-surface));border-radius:var(--radius-lg);border:1px solid var(--color-border);width:90%;max-width:1000px;height:90vh;padding:var(--space-8);z-index:51;animation:.3s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 10px 25px -5px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.client-form-container::-webkit-scrollbar{width:8px}.client-form-container::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:4px}.nav-arrow{background:hsla(var(--color-surface), .8);border:1px solid var(--color-border);color:hsl(var(--color-text-main));cursor:pointer;z-index:60;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex;position:fixed;top:50%;transform:translateY(-50%);box-shadow:0 0 15px #0000004d}.nav-arrow:hover:not(:disabled){background:hsl(var(--color-primary));color:#fff;transform:translateY(-50%)scale(1.1)}.nav-arrow:disabled{opacity:.3;cursor:not-allowed;background:hsla(var(--color-surface), .3)}.nav-arrow-left{left:2rem}.nav-arrow-right{right:2rem}.btn-close-modal{top:var(--space-4);right:var(--space-4);color:hsl(var(--color-text-muted));cursor:pointer;padding:var(--space-2);border-radius:var(--radius-full);background:0 0;border:none;transition:all .2s;position:absolute}.btn-close-modal:hover{background:hsla(var(--color-error), .1);color:hsl(var(--color-error))}.form-header{margin-bottom:var(--space-8);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative}.form-nav-controls{display:none}.form-grid{gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.form-section{background:hsla(var(--color-surface-hover), .2);padding:var(--space-6);border-radius:var(--radius-md);border:1px solid var(--color-border)}.form-section-title{margin-bottom:var(--space-6);color:hsl(var(--color-primary));border-bottom:2px solid hsla(var(--color-primary), .2);padding-bottom:var(--space-2);font-size:1.1rem;font-weight:600}.dynamic-list{gap:var(--space-3);flex-direction:column;display:flex}.dynamic-field-row{gap:var(--space-2);align-items:center;display:flex}.btn-remove{color:hsl(var(--color-text-muted));cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.btn-remove:hover{color:hsl(var(--color-error))}.btn-add-more{border:1px dashed var(--color-border);color:hsl(var(--color-text-muted));padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:var(--space-2);margin-top:var(--space-2);background:0 0;width:fit-content;font-size:.85rem;display:inline-flex}.btn-add-more:hover{border-color:hsl(var(--color-primary));color:hsl(var(--color-primary))}.form-group label{margin-bottom:var(--space-2);color:hsl(var(--color-text-muted));font-weight:500;display:block}.form-input{width:100%;padding:var(--space-3);background:hsl(var(--color-background));border:1px solid var(--color-border);border-radius:var(--radius-md);color:hsl(var(--color-text-main));transition:all .2s}.form-input:focus{border-color:hsl(var(--color-primary));box-shadow:0 0 0 2px hsla(var(--color-primary), .2);outline:none}select.form-input{background-color:hsl(var(--color-background));color:hsl(var(--color-text-main));cursor:pointer}select.form-input option{background-color:hsl(var(--color-surface));color:hsl(var(--color-text-main))}.form-actions{margin-top:var(--space-8);justify-content:space-between;gap:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-6);background:hsl(var(--color-surface));z-index:10;padding-bottom:0;display:flex;position:sticky;bottom:0}.btn-secondary{background:hsl(var(--color-surface-hover));border:1px solid var(--color-border);color:hsl(var(--color-text-main));padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);justify-content:center;align-items:center;min-width:120px;font-weight:500;transition:all .2s;display:flex}.btn-secondary:hover{background:hsla(var(--color-primary), .2);border-color:hsl(var(--color-primary));color:#fff}.btn-primary{width:auto;min-width:120px}.detail-overlay-backdrop{background:0 0;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;display:flex}.client-detail-container{background:hsl(var(--color-surface));border-radius:12px;flex-direction:column;width:100%;min-height:100%;padding:0;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000001a}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.detail-header{background:linear-gradient(to right, hsla(var(--color-primary), .1), transparent);border-bottom:1px solid hsl(var(--color-border));padding:2.5rem 2rem}.detail-title-row{justify-content:space-between;align-items:flex-start;display:flex}.client-meta{gap:1.5rem;margin-top:1rem;display:flex}.meta-item{flex-direction:column;display:flex}.meta-label{color:hsl(var(--color-text-muted));text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.meta-value{color:hsl(var(--color-text-main));font-size:1.1rem;font-weight:500}.detail-tabs-nav{background:hsl(var(--color-surface));border-bottom:1px solid hsl(var(--color-border));z-index:10;gap:.5rem;padding:0 2rem;display:flex;position:sticky;top:0}.tab-btn{color:hsl(var(--color-text-muted));cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:1rem 1.5rem;font-weight:500;transition:all .2s}.tab-btn:hover{color:hsl(var(--color-primary))}.tab-btn.active{color:hsl(var(--color-primary));border-bottom-color:hsl(var(--color-primary))}.detail-content{flex:1;padding:2rem;overflow-y:auto}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.info-card{background:hsl(var(--color-bg-secondary));border:1px solid hsl(var(--color-border));border-radius:12px;padding:1.5rem}.card-title{color:hsl(var(--color-primary));align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:1rem;font-weight:600;display:flex}.contact-card{background:hsl(var(--color-surface));border:1px solid hsl(var(--color-border));border-radius:8px;margin-bottom:1rem;padding:1rem}.contact-name{font-size:1rem;font-weight:600}.contact-info{color:hsl(var(--color-text-muted));margin-top:.5rem;font-size:.9rem}.placeholder-card{height:200px;color:hsl(var(--color-text-muted));border:2px dashed hsl(var(--color-border));border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.documents-panel{animation:.3s ease-out fadeIn}.documents-card{background:hsl(var(--color-bg-secondary));border:1px solid hsl(var(--color-border));border-radius:16px;max-width:1180px;padding:1.5rem;box-shadow:0 18px 45px #02061714}.documents-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.documents-card-header h3{color:hsl(var(--color-text-main));margin:.15rem 0 .35rem;font-size:1.35rem}.documents-card-header p{max-width:620px;color:hsl(var(--color-text-muted));margin:0}.documents-eyebrow{color:hsl(var(--color-primary));letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.documents-icon{background:hsla(var(--color-primary), .12);width:52px;height:52px;color:hsl(var(--color-primary));border-radius:14px;place-items:center;display:grid}.documents-form-grid{grid-template-columns:minmax(180px,.55fr) minmax(280px,1.45fr);gap:.9rem;display:grid}.documents-form-grid label{flex-direction:column;gap:.4rem;display:flex}.documents-form-grid label.wide{min-width:0}.documents-form-grid span{color:hsl(var(--color-text-muted));letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:800}.documents-form-grid input{border:1px solid hsl(var(--color-border));background:hsl(var(--color-surface));width:100%;color:hsl(var(--color-text-main));border-radius:12px;outline:none;padding:.8rem .9rem}.documents-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.documents-folder-form{border:1px dashed hsl(var(--color-border));background:hsla(var(--color-surface), .65);border-radius:14px;margin-top:1rem;padding:1rem}.documents-current-link,.documents-empty{border:1px solid hsl(var(--color-border));background:hsl(var(--color-surface));color:hsl(var(--color-text-muted));border-radius:14px;align-items:flex-start;gap:.75rem;margin-top:1.25rem;padding:1rem;display:flex}.documents-current-link{align-items:center}.documents-current-link>div:first-of-type{flex:1;min-width:0}.documents-current-link strong{color:hsl(var(--color-text-main));margin-bottom:.25rem;display:block}.documents-current-link span{overflow-wrap:anywhere;max-width:820px;font-size:.9rem;display:block}.documents-current-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.documents-current-actions .btn-secondary{align-items:center;gap:.35rem;padding:.5rem .75rem;display:inline-flex}.documents-company-picker{border:1px solid hsla(var(--color-primary), .32);background:hsla(var(--color-primary), .1);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.documents-company-picker strong{color:hsl(var(--color-text-main));margin-bottom:.2rem;display:block}.documents-company-picker span{color:hsl(var(--color-text-muted));font-size:.9rem}.documents-company-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;display:flex}.documents-browser{border:1px solid hsl(var(--color-border));background:hsl(var(--color-surface));border-radius:14px;margin-top:1.25rem;overflow:hidden}.documents-browser-header{border-bottom:1px solid hsl(var(--color-border));justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.documents-browser-header strong{color:hsl(var(--color-text-main))}.documents-browser-header span{color:hsl(var(--color-text-muted));font-size:.9rem}.documents-breadcrumb{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.35rem;display:flex}.documents-breadcrumb button{color:hsl(var(--color-primary));cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:190px;padding:0;font-weight:700;overflow:hidden}.documents-breadcrumb button:disabled{cursor:default;color:hsl(var(--color-text-muted))}.documents-browser-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.documents-browser-tools .btn-secondary{align-items:center;gap:.35rem;padding:.45rem .7rem;display:inline-flex}.documents-error{border:1px solid hsla(var(--color-error), .28);color:hsl(var(--color-error));background:hsla(var(--color-error), .08);border-radius:12px;align-items:center;gap:.5rem;margin:1rem;padding:.8rem .9rem;display:flex}.documents-list{max-height:520px;overflow:auto}.documents-browser-layout{grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr);min-height:520px;display:grid}.documents-browser-layout .documents-list{border-right:1px solid hsl(var(--color-border))}.documents-list-row{border:0;border-bottom:1px solid hsl(var(--color-border));width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;grid-template-columns:24px minmax(180px,1fr) auto 18px;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:background .18s,color .18s;display:grid}.documents-list-row:hover{background:hsla(var(--color-primary), .08)}.documents-list-row.selected{background:hsla(var(--color-primary), .14);box-shadow:inset 3px 0 0 hsl(var(--color-primary))}.documents-list-row svg{color:hsl(var(--color-primary))}.documents-list-row:last-child{border-bottom:0}.documents-list-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:hsl(var(--color-text-main));overflow:hidden}.documents-list-row span{color:hsl(var(--color-text-muted));font-size:.85rem}.documents-preview{background:hsl(var(--color-bg-secondary));flex-direction:column;min-width:0;min-height:520px;display:flex}.documents-preview-header{border-bottom:1px solid hsl(var(--color-border));justify-content:space-between;align-items:flex-start;gap:1rem;padding:.8rem 1rem;display:flex}.documents-preview-header div{min-width:0}.documents-preview-header strong{text-overflow:ellipsis;white-space:nowrap;color:hsl(var(--color-text-main));display:block;overflow:hidden}.documents-preview-header span,.documents-preview-empty span{color:hsl(var(--color-text-muted));font-size:.85rem}.documents-preview-frame{background:#fff;border:0;flex:1;width:100%;min-height:460px}.documents-preview-empty{text-align:center;min-height:360px;color:hsl(var(--color-text-muted));flex:1;align-content:center;place-items:center;gap:.5rem;padding:2rem;display:grid}.documents-preview-empty strong{color:hsl(var(--color-text-main))}.documents-preview-loader{border:3px solid hsla(var(--color-primary), .22);border-top-color:hsl(var(--color-primary));border-radius:999px;width:34px;height:34px;animation:.8s linear infinite documentsPreviewSpin}@keyframes documentsPreviewSpin{to{transform:rotate(360deg)}}@media (width<=1100px){.documents-browser-layout{grid-template-columns:1fr}.documents-browser-layout .documents-list{border-right:0;border-bottom:1px solid hsl(var(--color-border))}}.btn-close-detail{background:hsla(var(--color-surface-hover), .8);cursor:pointer;color:hsl(var(--color-text-main));z-index:1001;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.btn-close-detail:hover{background:hsla(var(--color-error), .1);color:hsl(var(--color-error));transform:rotate(90deg)}.badge{border-radius:var(--radius-sm);text-transform:uppercase;background:var(--color-border);color:var(--color-text-muted);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.inline-toggle{cursor:pointer;opacity:.4;padding:.35rem .75rem;font-size:.8rem;transition:all .2s}.inline-toggle:hover{opacity:.8;transform:scale(1.05)}.inline-toggle.active{opacity:1;transform:scale(1);color:#fff!important}.badge.fiscal.active{background:#0a85c2}.badge.contable.active{background:#12a171}.badge.laboral.active{background:#f2800d}.badge.seguros.active{background:#9d26d9}.badge.circular.active{background:#e8306e}.badge.rh.active{background:#0d59f2}.agenda-container{padding:var(--space-6);gap:var(--space-6);flex-direction:column;height:100%;animation:.3s ease-out fadeIn;display:flex}.agenda-toolbar{background:hsla(var(--color-surface), .7);-webkit-backdrop-filter:blur(10px);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex;box-shadow:0 4px 6px -1px #0000000d}.toolbar-actions{gap:var(--space-6);align-items:center;display:flex}.search-wrapper{width:350px;position:relative}.search-wrapper .search-icon{color:hsl(var(--color-text-muted));pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.agenda-search-input{background:hsla(var(--color-background), .5);border:1px solid var(--color-border);border-radius:var(--radius-full);width:100%;color:hsl(var(--color-text-main));padding:.75rem 1rem .75rem 2.75rem;font-size:.95rem;transition:all .2s}.agenda-search-input:focus{background:hsl(var(--color-surface));border-color:hsl(var(--color-primary));box-shadow:0 0 0 2px hsla(var(--color-primary), .2);outline:none}.agenda-table-card{background:hsl(var(--color-surface));border-radius:var(--radius-xl);border:1px solid var(--color-border);flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 10px 15px -3px #0000000d}.agenda-table-scroll{flex:1;overflow-y:auto}.agenda-table{border-collapse:collapse;width:100%}.agenda-table thead{z-index:10;background:hsl(var(--color-surface));position:sticky;top:0;box-shadow:0 1px 2px #0000000d}.agenda-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--color-text-muted));padding:1rem 1.5rem;font-size:.85rem;font-weight:600}.agenda-table td{border-bottom:1px solid var(--color-border);color:hsl(var(--color-text-main));padding:.6rem 1.5rem;font-size:.95rem;transition:background .15s}.agenda-row{cursor:pointer;transition:all .2s}.agenda-row:hover td{background:hsla(var(--color-primary), .03)}.agenda-row:last-child td{border-bottom:none}.cell-name{color:hsl(var(--color-text-main));font-size:.95rem;font-weight:600}.cell-subtext{color:hsl(var(--color-text-muted));font-size:.85rem}.agenda-footer{padding:var(--space-4);border-top:1px solid var(--color-border);background:hsl(var(--color-surface));justify-content:flex-end;align-items:center;display:flex}.pagination-controls{align-items:center;gap:var(--space-4);display:flex}.rows-select{background:hsl(var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-sm);color:hsl(var(--color-text-main));cursor:pointer;padding:.25rem .5rem;font-size:.9rem}.btn-secondary{background:hsl(var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-md);color:hsl(var(--color-text-main));cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-secondary:hover:not(:disabled){background:hsla(var(--color-surface-hover), 1)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.tag-badge{letter-spacing:.02em;white-space:nowrap;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.8rem;font-weight:600;line-height:1;display:inline-flex}.agenda-tag-client{box-shadow:0 2px 4px #3b82f633;color:#fff!important;background-color:#3b82f6!important;border:1px solid #2563eb!important}.agenda-tag-provider{box-shadow:0 2px 4px #a855f733;color:#fff!important;background-color:#a855f7!important;border:1px solid #9333ea!important}.agenda-tag-admin{box-shadow:0 2px 4px #f9731633;color:#fff!important;background-color:#f97316!important;border:1px solid #ea580c!important}.agenda-tag-personal{box-shadow:0 2px 4px #ec489933;color:#fff!important;background-color:#ec4899!important;border:1px solid #db2777!important}.agenda-tag-other{box-shadow:0 2px 4px #64748b33;color:#fff!important;background-color:#64748b!important;border:1px solid #475569!important}.btn-icon-danger{border-radius:var(--radius-md);color:#dd3c3c;cursor:pointer;background:0 0;border:none;padding:8px;transition:all .2s}.btn-icon-danger:hover{color:#e61a1a;background:#eb474733}html[data-theme=light] .agenda-toolbar,html[data-theme=light] .agenda-table-card{border-color:hsl(var(--color-border));box-shadow:var(--shadow-sm);background:#fff}html[data-theme=light] .agenda-table td{border-bottom:2px solid #edf2f7!important}html[data-theme=light] .agenda-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.invoices-page{flex-direction:column;gap:1rem;height:calc(100vh - 80px);padding:1.5rem;display:flex;overflow:hidden}.page-header-glass{background:hsla(var(--color-bg-secondary-raw), .7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(var(--color-border-raw), .3);border-radius:1rem;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.text-gradient{background:linear-gradient(135deg, hsl(var(--color-primary)), hsl(var(--color-secondary)));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.subtitle{color:hsl(var(--color-text-muted));font-size:.85rem}.header-actions{gap:1rem;display:flex}.control-bar{background:hsla(var(--color-bg-secondary-raw), .4);border:1px solid hsla(var(--color-border-raw), .2);border-radius:1rem;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex}.control-group{align-items:center;gap:.75rem;display:flex}.control-label{color:hsl(var(--color-text-muted));text-transform:uppercase;white-space:nowrap;font-size:.75rem;font-weight:700}.work-area{flex:1;gap:1rem;transition:all .3s;display:flex;overflow:hidden}.work-area.full-width .table-panel{flex:1}.work-area.with-preview .table-panel{flex-shrink:0;width:480px}.work-area.with-preview .preview-panel{flex:1}.table-panel{background:hsla(var(--color-bg-secondary-raw), .3);border:1px solid hsla(var(--color-border-raw), .2);border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.btn-icon.danger{color:#ef4444;background:#dc28281a;border:1px solid #dc282833}.btn-icon.danger:hover{color:#fff;background:#ef4444}.table-header{background:hsla(var(--color-bg-secondary-raw), .6);border-bottom:1px solid hsla(var(--color-border-raw), .3);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;min-height:45px;padding:.75rem 1rem;display:flex;position:relative}.invoice-grid{flex:1;font-size:.8rem;overflow-y:auto}.grid-table{border-collapse:collapse;width:100%}.grid-table th{background:hsla(var(--color-bg-secondary-raw), .9);text-align:left;color:hsl(var(--color-text-muted));border-bottom:2px solid hsla(var(--color-border-raw), .3);z-index:100;padding:.6rem .5rem;font-weight:700;position:sticky;top:0}.grid-row{border-bottom:1px solid hsla(var(--color-border-raw), .1);cursor:pointer;transition:all .2s}.grid-row:hover{background:hsla(var(--color-primary-raw), .1)}.grid-row.active{background:hsla(var(--color-primary-raw), .15)}.grid-row td{white-space:nowrap;text-overflow:ellipsis;padding:.6rem .5rem;overflow:hidden}.status-dots{gap:4px;display:flex}.dot{background:#333;border-radius:50%;width:10px;height:10px}.dot.verde{background:#10b981;box-shadow:0 0 8px #10b98166}.dot.ambar{background:#f59e0b;box-shadow:0 0 8px #f59e0b66}.dot.rojo{background:#ef4444;box-shadow:0 0 8px #ef444466}.preview-panel{background:hsla(var(--color-bg-secondary-raw), .3);border:1px solid hsla(var(--color-border-raw), .2);border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.preview-content{background:#fdfdfd;flex:1}.preview-content iframe{border:none;width:100%;height:100%}.search-container-mini{width:250px;position:relative}.search-results-mini{background-color:hsl(var(--color-surface));z-index:10000;border:1px solid hsl(var(--color-border));border-radius:.75rem;max-height:300px;margin-top:.5rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #000000e6}.input-glass{background:hsla(var(--color-surface), .5);border:1px solid var(--color-border);border-radius:var(--radius-md);color:hsl(var(--color-text-main));outline:none;width:100%;padding:8px 12px;transition:all .2s}select.input-glass option{background-color:hsl(var(--color-surface));color:hsl(var(--color-text-main))}.input-glass:focus{background:hsla(var(--color-primary-raw), .05);border-color:hsl(var(--color-primary));box-shadow:0 0 0 3px hsla(var(--color-primary-raw), .2);outline:none}.iva-section{border:1px solid hsla(var(--color-border-raw), .1);background:#ffffff05;border-radius:1rem;padding:1.5rem}.iva-title-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.iva-title{color:#fff;font-size:.9rem;font-weight:700}.iva-table{border-collapse:collapse;width:100%}.iva-table th{text-align:left;text-transform:uppercase;color:hsl(var(--color-text-muted));padding:.5rem;font-size:.65rem}.iva-table td{padding:.25rem}.btn-add-iva{background:hsla(var(--color-primary-raw), .1);color:hsl(var(--color-primary));border:1px dashed hsla(var(--color-primary-raw), .3);cursor:pointer;border-radius:.5rem;padding:.3rem .6rem;font-size:.7rem;font-weight:700;transition:all .2s}.btn-add-iva:hover{background:hsla(var(--color-primary-raw), .2)}.modal-preview{background:#2a2a2e;flex-direction:column;display:flex}.modal-preview iframe,.modal-preview object{border:none;width:100%;height:100%}.dual-preview{background:#1a1a1e;flex-direction:row;gap:1.5rem;height:100%;padding:1rem;display:flex}.preview-item{flex-direction:column;flex:1;gap:.75rem;min-width:0;height:100%;display:flex}.preview-header{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}.preview-label{letter-spacing:.05em;border-radius:.25rem;padding:.2rem .6rem;font-size:.75rem;font-weight:800}.preview-label.actual{background:hsla(var(--color-primary-raw), .2);color:hsl(var(--color-primary))}.preview-label.historic{background:hsla(var(--color-secondary-raw), .2);color:hsl(var(--color-secondary))}.preview-frame{background:#fdfdfd;border-radius:.5rem;flex:1;position:relative;overflow:hidden}.btn-secondary-mini{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.4rem;align-items:center;gap:.4rem;padding:.2rem .6rem;font-size:.7rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary-mini:hover{background:#ffffff1a}.btn-action-mini{background:hsl(var(--color-primary));color:#fff;cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:flex}.btn-progress-mini{position:relative;overflow:hidden}.progress-fill{background:#0003;height:100%;transition:width .3s;position:absolute;top:0;left:0}.animate-in-right{animation:.3s cubic-bezier(.4,0,.2,1) forwards slideInRight}.loading-spinner-mini{border:2px solid hsla(var(--color-primary-raw), .3);border-top-color:hsl(var(--color-primary));border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html[data-theme=light] .invoice-card,html[data-theme=light] .invoice-table-container{border:1px solid hsl(var(--color-border));box-shadow:var(--shadow-sm);background:#fff}html[data-theme=light] .invoice-row{border-bottom:1px solid hsl(var(--color-border))}html[data-theme=light] .invoice-row:hover{background-color:hsl(var(--color-background))}@media (width<=768px){.invoices-page{-webkit-overflow-scrolling:touch;height:auto;min-height:calc(100vh - 60px);padding:.5rem;overflow-y:auto}.page-header-glass{flex-direction:column;align-items:flex-start;gap:.8rem;padding:1rem}.header-actions{justify-content:space-between;width:100%}.control-bar{flex-direction:column;align-items:stretch;gap:1rem;height:auto;padding:1rem}.control-group{flex-wrap:wrap;justify-content:center}.search-container-mini{width:100%}.work-area{flex-direction:column}.work-area.with-preview .table-panel{width:100%;display:none}.work-area.with-preview{flex-direction:column-reverse}.btn-scanner{z-index:900!important;border:2px solid hsl(var(--color-border))!important;background:hsl(var(--color-primary))!important;color:#fff!important;border-radius:28px!important;justify-content:center!important;gap:0!important;width:56px!important;height:56px!important;padding:0!important;display:flex!important;position:fixed!important;bottom:2rem!important;right:1.5rem!important;box-shadow:0 4px 15px #0006!important}.btn-scanner .hide-mobile,.btn-scanner span{display:none}.btn-scanner svg{width:24px;height:24px}.hide-mobile{display:none!important}.modal-container{grid-template-columns:1fr;height:100vh;overflow-y:auto}.modal-preview{height:300px;display:none}.modal-form{max-height:none;overflow:visible}.form-grid-modern{grid-template-columns:1fr}.form-item.full-width{grid-column:span 1}}.filter-input,.filter-select{background:hsla(var(--color-surface), .8);border:1px solid var(--color-border);width:100%;color:hsl(var(--color-text-main));border-radius:6px;outline:none;padding:6px 8px;font-size:.8rem;transition:all .2s}.filter-input::placeholder{color:hsl(var(--color-text-muted))}.filter-input:focus,.filter-select:focus{background:hsl(var(--color-surface));border-color:hsl(var(--color-primary));box-shadow:0 0 0 2px hsla(var(--color-primary-raw), .2)}.filter-select option{background:hsl(var(--color-surface));color:hsl(var(--color-text-main))}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .control-label{color:hsl(var(--color-text-main));font-weight:800}:root:not([data-theme=dark]) .input-glass{color:#0f172a;background:#fff;border-color:#cbd5e1}:root:not([data-theme=dark]) .input-glass::placeholder{color:#94a3b8}}.employee-expenses-page{color:hsl(var(--color-text-main));padding:2rem}.employee-expenses-hero{background:radial-gradient(circle at 8% 12%,#0ea5e93d,#0000 30%),linear-gradient(135deg,#0f172af5,#1e293bd6);border:1px solid #94a3b838;border-radius:28px;justify-content:space-between;align-items:stretch;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 22px 70px #0206173d}.employee-expenses-hero h1{letter-spacing:-.05em;margin:.25rem 0;font-size:clamp(2rem,4vw,3.5rem)}.employee-expenses-hero p{color:#e2e8f0c2;max-width:720px;margin:0;line-height:1.6}.eyebrow{color:#38bdf8;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:800}.hero-metrics{grid-template-columns:repeat(3,minmax(110px,1fr));gap:.75rem;min-width:min(480px,100%);display:grid}.hero-metrics div,.summary-card{background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;padding:1rem}.hero-metrics strong,.summary-card strong{font-size:1.35rem;display:block}.hero-metrics span,.summary-card span{color:hsl(var(--color-text-muted));font-size:.82rem}.glass-panel{background:hsl(var(--color-surface) / .84);border:1px solid hsl(var(--color-border));border-radius:22px;box-shadow:0 18px 50px #02061724}.expense-controls{grid-template-columns:minmax(240px,.9fr) minmax(220px,.75fr) minmax(280px,1.2fr) auto;align-items:end;gap:1rem;margin-top:1.25rem;padding:1rem;display:grid}.control-block{flex-direction:column;gap:.5rem;display:flex}.period-fields{grid-template-columns:minmax(82px,.7fr) minmax(120px,1fr);gap:.5rem;display:grid}.month-picker{position:relative}.month-picker-trigger{width:100%;min-height:43px;border:1px solid hsl(var(--color-border))!important;background:hsl(var(--color-bg-secondary))!important;color:hsl(var(--color-text-main))!important;border-radius:12px!important;justify-content:space-between!important;padding:.72rem .8rem!important}.month-picker-popover{z-index:60;border:1px solid hsl(var(--color-border));background:#0f172a;border-radius:14px;max-height:260px;padding:.35rem;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow:auto;box-shadow:0 18px 42px #02061757}.month-picker-popover button{width:100%;color:hsl(var(--color-text-main))!important;background:0 0!important;border:0!important;border-radius:10px!important;justify-content:flex-start!important;padding:.62rem .7rem!important}.month-picker-popover button:hover,.month-picker-popover button.selected{color:#e0f2fe!important;background:#38bdf829!important}.control-block label,.bridge-account-row label{color:hsl(var(--color-text-muted));text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;font-weight:800}.control-block input,.control-block select,.bridge-account-row input,.bridge-account-row select,.expense-table input,.expense-table select{border:1px solid hsl(var(--color-border));background:hsl(var(--color-bg-secondary));color:hsl(var(--color-text-main));border-radius:12px;outline:none;padding:.72rem .8rem}.employee-expenses-page select,.employee-expenses-page option{color:#e5eefb!important;background-color:#0f172a!important}.custom-select,.account-select{width:100%;position:relative}.custom-select-trigger{text-align:left;width:100%;border:1px solid hsl(var(--color-border))!important;color:#e5eefb!important;background:#0f172a!important;border-radius:10px!important;justify-content:space-between!important;padding:.62rem .7rem!important}.custom-select-menu{z-index:40;background:#0b1220;border:1px solid #38bdf859;border-radius:12px;max-height:260px;padding:.35rem;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow:auto;box-shadow:0 20px 48px #00000061}.custom-select-menu button{text-align:left;gap:.12rem;width:100%;color:#e5eefb!important;background:0 0!important;border:1px solid #0000!important;border-radius:10px!important;justify-content:flex-start!important;align-items:flex-start!important;padding:.55rem .65rem!important}.custom-select-menu button:hover,.custom-select-menu button.selected{background:#0ea5e929!important;border-color:#38bdf859!important}.custom-select-menu span,.custom-select-menu small{display:block}.custom-select-menu small{color:#93a4ba;font-size:.72rem}.account-select-menu input{color:#e5eefb;background:#111827;border:1px solid #38bdf847;border-radius:10px;outline:none;width:100%;margin-bottom:.35rem;padding:.55rem .65rem}.account-select-empty{color:#93a4ba;padding:.65rem;font-size:.78rem}.pgc-cache-status{color:#93a4ba;grid-column:1/-1;font-weight:700}.client-search{border:1px solid hsl(var(--color-border));background:hsl(var(--color-bg-secondary));border-radius:12px;align-items:center;gap:.5rem;padding-left:.8rem;display:flex}.client-search input{background:0 0;border:0;width:100%}.client-picker{position:relative}.client-picker-trigger{text-align:left;flex-direction:column;width:100%;min-height:54px;box-shadow:inset 0 1px #ffffff0a;color:#f8fafc!important;background:#0f1d32!important;border:1px solid #94a3b847!important;justify-content:space-between!important;align-items:flex-start!important}.client-picker-trigger span{font-size:.96rem;line-height:1.2}.client-picker-trigger small{color:#94a3b8;margin-top:.2rem;font-size:.76rem;font-weight:600}.client-picker-popover{z-index:40;background:#071426;border:1px solid #38bdf852;border-radius:18px;padding:.65rem;position:absolute;top:calc(100% + .45rem);left:0;right:0;box-shadow:0 24px 70px #00000070}.client-picker-popover .client-search{background:#0f1d32;border-color:#94a3b847}.client-picker-popover .client-search input{color:#f8fafc}.client-picker-list{flex-direction:column;gap:.35rem;max-height:360px;margin-top:.55rem;display:flex;overflow:auto}.client-picker-option{text-align:left;color:#e2e8f0;background:0 0;flex-direction:column;width:100%;border:1px solid #0000!important;align-items:flex-start!important;padding:.7rem .8rem!important}.client-picker-option:hover,.client-picker-option.selected{background:#0ea5e929;border-color:#38bdf86b!important}.client-picker-option strong{color:#f8fafc;font-size:.92rem}.client-picker-option span,.client-picker-empty{color:#94a3b8;font-size:.78rem}.client-picker-empty{text-align:center;padding:1rem}.upload-block small{color:hsl(var(--color-text-muted));font-size:.8rem}.upload-drop{background:hsl(var(--color-bg-secondary));width:100%;min-height:46px;color:hsl(var(--color-text-main));border:1px dashed hsl(var(--color-border))!important;justify-content:flex-start!important}.upload-drop:hover{background:#0ea5e914;border-color:#38bdf8!important}.control-actions,.export-bar>div:last-child{flex-wrap:wrap;gap:.75rem;display:flex}.employee-expenses-page button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.78rem 1rem;font-weight:800;display:inline-flex}.employee-expenses-page button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{color:#fff;background:linear-gradient(135deg,#0284c7,#0f766e)}.btn-secondary{background:hsl(var(--color-bg-secondary));color:hsl(var(--color-text-main));border:1px solid hsl(var(--color-border))!important}.expense-error{color:#fecaca;background:#ef44441f;border:1px solid #ef444447;border-radius:16px;align-items:center;gap:.6rem;margin-top:1rem;padding:.85rem 1rem;display:flex}.expense-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:.85rem 0;display:grid}.summary-card{background:hsl(var(--color-surface));padding:.7rem .85rem}.summary-card.muted{opacity:.72}.expense-workspace{grid-template-columns:minmax(285px,330px) minmax(0,1fr);align-items:start;gap:.8rem;display:grid}.case-list{flex-direction:column;gap:.4rem;max-height:64vh;padding:.55rem;display:flex;overflow:auto}.case-list-actions{z-index:5;background:hsl(var(--color-bg-secondary));border-bottom:1px solid #94a3b829;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.45rem;margin-bottom:.15rem;padding:.35rem .25rem .5rem;display:flex;position:sticky;top:0}.case-list-actions label{color:hsl(var(--color-text-muted));white-space:nowrap;align-items:center;gap:.35rem;font-size:.72rem;font-weight:800;display:inline-flex}.case-delete-btn{color:#fecaca!important;background:#ef44441a!important;border-color:#ef444459!important;padding:.42rem .55rem!important;font-size:.68rem!important}.case-delete-btn:disabled{opacity:.42;cursor:not-allowed}.case-ai-btn{padding:.42rem .55rem!important;font-size:.68rem!important}.case-card{text-align:left;background:hsl(var(--color-bg-secondary));color:hsl(var(--color-text-main));flex-direction:row;gap:.55rem;min-height:54px;border:1px solid #0000!important;justify-content:space-between!important;align-items:center!important;padding:.55rem .65rem!important}.case-card.selected-for-delete{background:linear-gradient(135deg,#7f1d1d6b,#0f172aeb);border-color:#ef4444a6!important}.case-card.has-error{background:linear-gradient(135deg,#7f1d1db8,#0f172af5);box-shadow:inset 4px 0 #ef4444,0 0 0 1px #ef44442e;border-color:#f87171f2!important}.case-card.has-error.active{box-shadow:inset 4px 0 #f87171,0 0 0 1px #f8717159;border-color:#fca5a5!important}.case-select-checkbox{accent-color:#ef4444;flex:none}.case-card.active{background:#0ea5e91f;border-color:#38bdf8!important}.case-card.reviewed{background:linear-gradient(135deg,#16a34a33,#0f172aeb);border-color:#22c55e8c!important}.case-card.reviewed.active{box-shadow:inset 3px 0 #22c55e}.case-card div{flex:auto;min-width:0}.case-card span{color:#38bdf8;overflow-wrap:anywhere;font-size:.68rem;font-weight:800;display:block}.case-card strong{overflow-wrap:anywhere;font-size:.82rem;line-height:1.2;display:block}.case-card small,.case-card em{color:hsl(var(--color-text-muted));text-align:right;white-space:nowrap;flex:none;font-size:.68rem;font-style:normal}.case-card .reviewed-mark{color:#86efac;font-weight:900}.case-card .case-error-mark{color:#fecaca;text-transform:uppercase;font-weight:900}.case-detail{padding:.8rem;overflow:hidden}.case-detail-header,.export-bar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.case-detail-header h2,.export-bar h3{margin:0}.case-detail-header p,.export-bar p{color:hsl(var(--color-text-muted));margin:0}.case-identity-row{background:#0ea5e914;border:1px solid #38bdf82e;border-radius:14px;grid-template-columns:minmax(230px,360px) minmax(220px,1fr);align-items:end;gap:.65rem;margin:.75rem 0 .55rem;padding:.6rem;display:grid}.case-identity-row label{flex-direction:column;gap:.35rem;display:flex}.case-identity-row span{color:#93c5fd;letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:900}.case-identity-row input{border:1px solid hsl(var(--color-border));background:hsl(var(--color-bg-secondary));color:hsl(var(--color-text-main));border-radius:10px;outline:none;padding:.62rem .7rem}.case-identity-row small{color:hsl(var(--color-text-muted));line-height:1.4}.case-total{color:#38bdf8;text-align:right;font-weight:900}.case-total span{color:hsl(var(--color-text-muted));font-size:.72rem;display:block}.case-total strong{font-size:1.1rem}.case-reviewed-toggle{color:#dcfce7;white-space:nowrap;background:#16a34a21;border:1px solid #22c55e59;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .7rem;font-size:.78rem;font-weight:900;display:inline-flex}.case-reviewed-toggle input{accent-color:#22c55e}.export-lock-note{color:#fbbf24;margin-top:.45rem;font-weight:800;display:block}.compact-ai-btn{white-space:nowrap;padding:.55rem .75rem!important}.case-meta-legacy{display:none}.warnings-row{flex-wrap:wrap;gap:.5rem;margin:.6rem 0;display:flex}.warnings-row span{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:999px;padding:.35rem .55rem;font-size:.76rem}.ai-page-results{background:#0ea5e914;border:1px solid #38bdf82e;border-radius:16px;margin:.55rem 0 .7rem;padding:.65rem}.ai-page-results>strong{color:#7dd3fc;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.45rem;font-size:.78rem;display:block}.ai-page-results>div{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.4rem;max-height:130px;display:grid;overflow:auto}.ai-page-results button{text-align:left;color:#e2e8f0;background:#0f1d32d9;flex-direction:column;border:1px solid #94a3b82e!important;align-items:flex-start!important;padding:.45rem .55rem!important}.ai-page-results button:hover{border-color:#38bdf86b!important}.ai-page-results span,.ai-page-results small,.ai-page-results em{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.ai-page-results span{color:#f8fafc;font-size:.72rem}.ai-page-results em{color:#38bdf8;font-size:.78rem;font-style:normal;font-weight:900}.ai-page-results small{color:#94a3b8;font-size:.68rem}.bridge-account-row{grid-template-columns:150px minmax(130px,190px) minmax(180px,1fr);align-items:center;gap:.55rem;margin-bottom:.7rem;display:grid}.bridge-account-row small{color:#fbbf24;grid-column:1/-1}.expense-table-wrap{border:1px solid hsl(var(--color-border));border-radius:16px;grid-column:1;max-height:260px;overflow:auto}.case-review-grid{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(360px,470px);align-items:start;gap:.75rem;display:grid}.bulk-row-actions{background:#0ea5e914;border:1px solid #38bdf82e;border-radius:14px;grid-column:1;grid-template-columns:minmax(150px,auto) minmax(170px,220px) minmax(190px,1fr);align-items:center;gap:.5rem;padding:.55rem;display:grid}.bulk-row-actions>label{color:#bfdbfe;white-space:nowrap;align-items:center;gap:.4rem;font-size:.76rem;font-weight:900;display:inline-flex}.expense-table{border-collapse:collapse;width:100%;min-width:760px}.expense-table th,.expense-table td{border-bottom:1px solid hsl(var(--color-border));text-align:left;vertical-align:top;padding:.5rem .55rem}.expense-table th{z-index:1;background:hsl(var(--color-surface));text-transform:uppercase;color:hsl(var(--color-text-muted));font-size:.76rem;position:sticky;top:0}.expense-table tr{cursor:pointer}.expense-table tr.selected-row{background:#0ea5e91f}.expense-table tr.bulk-selected-row{background:#ef444414}.expense-table tr.selected-row td:first-child{box-shadow:inset 3px 0 #38bdf8}.expense-table td small{color:hsl(var(--color-text-muted));margin-top:.25rem;display:block}.expense-table .amount{text-align:right;white-space:nowrap;font-weight:900}.expense-table input{width:110px}.expense-table select{min-width:150px}.row-status{color:#bae6fd;background:#38bdf824;border-radius:999px;align-items:center;width:fit-content;padding:.24rem .5rem;font-size:.72rem;font-weight:900;display:inline-flex}.row-status.invoice{color:#bbf7d0;background:#22c55e29}.row-status.doubt{color:#fde68a;background:#facc1529}.row-status.excluded{color:#cbd5e1;background:#94a3b829}.selected-expense-detail{background:linear-gradient(135deg, #0ea5e924, #0f172aeb), hsl(var(--color-surface));border:1px solid #38bdf847;border-radius:14px;grid-column:1;grid-template-columns:repeat(3,minmax(120px,1fr));gap:.5rem;margin-top:-.1rem;padding:.65rem;display:grid}.selected-expense-detail div{background:#0f172a9e;border:1px solid #94a3b82e;border-radius:12px;min-width:0;padding:.55rem .65rem}.selected-expense-detail label{background:#0f172a9e;border:1px solid #94a3b82e;border-radius:12px;flex-direction:column;gap:.35rem;min-width:0;padding:.55rem .65rem;display:flex}.selected-expense-detail .wide{grid-column:span 2}.selected-expense-detail .full{grid-column:1/-1}.selected-expense-detail span{color:#93c5fd;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.25rem;font-size:.68rem;font-weight:900;display:block}.selected-expense-detail strong{overflow-wrap:anywhere;color:hsl(var(--color-text));font-size:.9rem;display:block}.selected-expense-detail select,.selected-expense-detail input,.selected-expense-detail textarea{border:1px solid hsl(var(--color-border));background:hsl(var(--color-bg-secondary));width:100%;min-width:0;color:hsl(var(--color-text-main));border-radius:10px;outline:none;padding:.62rem .7rem}.selected-expense-detail textarea{resize:vertical;min-height:42px;font-family:inherit}.document-preview-panel{background:linear-gradient(180deg, #0f172aeb, #0f172ad1), hsl(var(--color-surface));border:1px solid hsl(var(--color-border));border-radius:18px;grid-area:1/2/span 3;padding:.75rem}.document-preview-panel object{height:260px}.preview-title{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.preview-title span{color:hsl(var(--color-text-muted));text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:800}.preview-title strong{color:#38bdf8}.preview-meta{color:hsl(var(--color-text-main));margin-bottom:.75rem;font-size:.9rem;font-weight:800}.ai-review-btn{color:#fff;background:linear-gradient(135deg,#0ea5e9,#14b8a6);width:100%;margin-bottom:.65rem}.ai-result-pill{border:1px solid #0000;border-radius:12px;margin-bottom:.65rem;padding:.5rem .65rem;font-size:.78rem;font-weight:900}.ai-result-pill.invoice{color:#86efac;background:#22c55e24;border-color:#22c55e47}.ai-result-pill.direct_expense{color:#7dd3fc;background:#0ea5e924;border-color:#0ea5e947}.ai-result-pill.doubt{color:#fcd34d;background:#f59e0b24;border-color:#f59e0b47}.document-preview-panel object,.document-preview-panel iframe{background:#111827;border:0;border-radius:14px;width:100%;height:620px}.document-preview-panel p,.empty-preview{color:hsl(var(--color-text-muted));margin:.75rem 0 0;font-size:.85rem;line-height:1.45}.empty-preview{border:1px dashed hsl(var(--color-border));text-align:center;border-radius:14px;padding:2rem}.export-bar{margin-top:1rem;padding:1rem}@media (width<=1100px){.employee-expenses-hero,.case-detail-header,.export-bar{flex-direction:column;align-items:flex-start}.hero-metrics,.expense-controls,.expense-summary-grid,.expense-workspace,.case-review-grid,.bridge-account-row{grid-template-columns:1fr}.document-preview-panel{position:static}}@media (width<=720px){.employee-expenses-page{padding:1rem}.hero-metrics{grid-template-columns:1fr}}.appointments-container{padding:var(--space-4);gap:var(--space-6);flex-direction:column;display:flex}.calendar-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.calendar-view-controls{gap:var(--space-2);background:hsla(var(--color-surface), .5);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:4px;display:flex}.view-btn{border-radius:var(--radius-sm);color:hsl(var(--color-text-muted));cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .2s}.view-btn.active{background:hsl(var(--color-primary));color:#fff}.calendar-grid{background:hsla(var(--color-surface), .3);border-left:1px solid hsl(var(--color-border));border-top:1px solid hsl(var(--color-border));border-radius:var(--radius-lg);grid-template-columns:repeat(7,1fr);display:grid;overflow:hidden}.calendar-day-header{text-align:center;color:hsl(var(--color-text-muted));background:hsla(var(--color-surface), .5);border-bottom:1px solid var(--color-border);padding:12px;font-size:.8rem;font-weight:600}.calendar-day{border-right:1px solid hsl(var(--color-border));border-bottom:1px solid hsl(var(--color-border));background:0 0;min-height:120px;padding:8px;transition:background .2s}.calendar-day.holiday .day-number,.calendar-day.sunday .day-number{font-weight:700;color:#ff4d4d!important}.calendar-day.other-month{background:hsla(var(--color-surface), .1);opacity:.4}.calendar-day.today{background:hsla(var(--color-primary), .05)}.calendar-day.today .day-number{background:hsl(var(--color-primary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.day-number{margin-bottom:8px;font-size:.9rem;font-weight:500;display:inline-block}.appointment-item{background:hsl(var(--color-primary));color:#fff;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-left:3px solid #0003;border-radius:4px;margin-bottom:4px;padding:4px 8px;font-size:.75rem;transition:transform .1s;overflow:hidden}.appointment-item:hover{transform:scale(1.02)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.appointment-modal{background:hsl(var(--color-surface));border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;max-width:500px;max-height:85vh;animation:.3s ease-out zoomIn;overflow-y:auto;box-shadow:0 20px 40px #0006}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.view-switcher{background:hsla(var(--color-surface), .5);border-radius:var(--radius-md);border:1px solid var(--color-border);gap:.25rem;padding:3px;display:flex}.admin-filter-container{align-items:center;gap:6px;padding:3px 8px;display:flex}.admin-filter-select{color:hsl(var(--color-text));cursor:pointer;background:0 0;border:none;outline:none;padding:2px 4px;font-size:.85rem;font-weight:500}.admin-filter-select option{background-color:hsl(var(--color-surface));color:hsl(var(--color-text-main))}.week-view-container,.day-view-container{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:hsla(var(--color-surface), .3);flex-direction:column;margin-top:1rem;display:flex;overflow:hidden}.week-view-header{background:hsla(var(--color-surface), .7);border-bottom:2px solid hsl(var(--color-border));z-index:20;grid-template-columns:80px repeat(7,1fr);display:grid}.week-day-header{border-left:1px solid hsl(var(--color-border));flex-direction:column;align-items:center;padding:12px;display:flex}.week-day-header.today{background:hsla(var(--color-primary), .1);border-top:3px solid hsl(var(--color-primary))}.week-day-header .day-name{color:hsl(var(--color-text-muted));text-transform:uppercase;font-size:.75rem;font-weight:600}.week-day-header .day-num{font-size:1.25rem;font-weight:700}.week-view-body,.day-view-body{background:hsl(var(--color-background));height:700px;display:flex;position:relative;overflow-y:auto}.time-column{background:hsl(var(--color-surface));border-right:2px solid hsl(var(--color-border));flex-shrink:0;width:80px}.time-slot-label{height:80px;color:hsl(var(--color-text-muted));border-bottom:1px solid hsla(var(--color-text-main), .1);justify-content:center;align-items:flex-start;padding-top:8px;font-family:monospace;font-size:.8rem;display:flex}.week-grid{background-size:100% 80px;background-image:linear-gradient(to bottom, hsl(var(--color-border)) 1px, transparent 1px);flex-grow:1;grid-template-columns:repeat(7,1fr);display:grid;position:relative}.day-grid{background-size:100% 80px;background-image:linear-gradient(to bottom, hsl(var(--color-border)) 1px, transparent 1px);flex-grow:1;position:relative}.week-day-col{border-right:1px solid hsl(var(--color-border));position:relative}.week-day-col:after,.day-grid:after{content:"";background-size:100% 80px;background-image:linear-gradient(to bottom, transparent 39px, hsla(var(--color-text-main), .1) 40px, transparent 41px);pointer-events:none;position:absolute;inset:0}.hour-slot{border-bottom:1px solid hsl(var(--color-border));height:80px;transition:background .2s}.calendar-day:hover,.hour-slot:hover{background:hsla(var(--color-primary), .05)}.calendar-day.drag-over,.hour-slot.drag-over{border:1px dashed hsl(var(--color-primary));background:hsla(var(--color-primary), .15)!important}.appointment-item[draggable=true]{cursor:grab}.appointment-item[draggable=true]:active{cursor:grabbing}.appointment-item.week-apt,.appointment-item.day-apt{z-index:10;opacity:.95;border-left:4px solid #0006;min-height:30px;margin:0;padding:6px;font-weight:500;position:absolute;left:4px;right:4px;box-shadow:0 4px 12px #0003}.users-select-grid{background:hsla(var(--color-surface), .2);border:1px solid hsla(var(--color-border), .5);border-radius:var(--radius-md);flex-wrap:wrap;gap:1rem;max-height:200px;padding:1rem;display:flex;overflow-y:auto}.user-avatar-container{cursor:pointer;flex-direction:column;align-items:center;gap:6px;width:60px;display:flex}.user-avatar-select{background:hsl(var(--color-secondary));color:#fff;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 2px 6px #0003}.user-avatar-select:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.user-avatar-select.selected{background:hsl(var(--color-primary));box-shadow:0 0 0 2px hsl(var(--color-surface)), 0 0 0 4px hsl(var(--color-primary));border-color:#22c55e;transform:scale(1.1)}.user-name-label{color:hsl(var(--color-text-muted));text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.75rem;font-weight:500;transition:color .2s;overflow:hidden}.user-avatar-select.selected+.user-name-label{color:hsl(var(--color-primary));font-weight:700}.input-glass{background:hsla(var(--color-text-main), .05);border:1px solid hsla(var(--color-text-main), .1);border-radius:var(--radius-md);color:hsl(var(--color-text-main));outline:none;width:100%;padding:10px 14px;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.input-glass:hover{background:#ffffff14;border-color:#fff3}.input-glass:focus{border-color:hsl(var(--color-primary));box-shadow:0 0 0 3px hsla(var(--color-primary), .2);background:#ffffff1a}select.input-glass{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}select.input-glass option{background-color:hsl(var(--color-surface));color:hsl(var(--color-text-main));padding:12px}.color-palette{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0d;flex-wrap:wrap;gap:8px;margin-top:4px;padding:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:4px;width:28px;height:28px;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 4px #0003}.color-swatch:hover{transform:scale(1.15);box-shadow:0 4px 8px #0000004d}.color-swatch.selected{box-shadow:0 0 0 2px #fff3, 0 0 0 4px hsla(var(--color-primary), .3);border-color:#fff;transform:scale(1.1)}.custom-color-container{width:28px;height:28px;position:relative}.custom-color-input{opacity:0;width:1px;height:1px;position:absolute}.custom-color-btn{cursor:pointer;background:#ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;transition:all .2s;display:flex}.custom-color-btn:hover{background:#fff3;transform:scale(1.1)}.btn-text-action{color:hsl(var(--color-primary));cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.btn-text-action:hover{background:hsla(var(--color-primary), .15);text-decoration:none}.tag-autocomplete-container{flex-direction:column;gap:.5rem;width:100%;display:flex;position:relative}.current-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem;display:flex}.tag-chip{color:#fff;border-radius:99px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.75rem;font-weight:500;display:flex;box-shadow:0 1px 3px #0003}.remove-tag-btn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;transition:background .2s;display:flex}.remove-tag-btn:hover{color:#fff;background:#fff3}.autocomplete-input-wrapper{border-radius:var(--radius-sm);background:#0003;border:1px solid #ffffff1a;align-items:center;padding:.5rem;transition:all .2s;display:flex}.autocomplete-input-wrapper:focus-within{border-color:hsl(var(--color-primary));background:#0000004d}.search-icon{color:hsl(var(--color-text-muted));margin-right:.5rem}.tag-input{color:hsl(var(--foreground));background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.tag-input::placeholder{color:hsl(var(--color-text-muted));opacity:.7}.autocomplete-dropdown{border-radius:var(--radius-md);z-index:1000;background:#1e293b;border:1px solid #ffffff1a;max-height:200px;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #00000080}.tag-option-item{cursor:pointer;color:hsl(var(--foreground));align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;transition:background .2s;display:flex}.tag-option-item:hover{background:#ffffff0d}.color-dot{border:1px solid #fff3;border-radius:50%;width:10px;height:10px}.tag-create-option{cursor:pointer;color:hsl(var(--color-primary));background:#3b82f60d;border-top:1px solid #ffffff1a;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.85rem;display:flex}.tag-create-option:hover{background:#3b82f626}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-top:1px solid #aeaeae;border-bottom:none;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;background-color:#0000;border:1px solid #aeaeae;border-radius:.3rem;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:1px auto}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.5em}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:5em;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.5em}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:5em;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.375em;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + 1.0625em);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__children-container{width:17.25em;height:auto;margin:.5em;padding-left:.25em;padding-right:.25em}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker-popper-offset{margin-top:-.7em}.task-detail-sidebar{width:var(--sidebar-width,420px);background:hsl(var(--color-background));border-left:1px solid hsl(var(--color-border));z-index:50;animation:.3s cubic-bezier(.4,0,.2,1) slideInRight;display:block;position:fixed;top:64px;bottom:0;right:0;box-shadow:-10px 0 30px #00000080}.task-detail-header-compact{background:hsl(var(--color-background));border-bottom:1px solid hsl(var(--color-border));z-index:60;flex-direction:column;gap:.75rem;padding:.75rem 1rem;display:flex;position:absolute;top:0;left:0;right:0}.header-top-row{align-items:center;gap:.75rem;width:100%;display:flex}.header-metadata-row{flex-wrap:nowrap;align-items:center;gap:.5rem;padding-bottom:2px;display:flex;overflow-x:auto}.header-metadata-row::-webkit-scrollbar{display:none}.meta-item{color:hsl(var(--color-text-muted));background:hsla(var(--color-surface), .4);border-radius:var(--radius-sm);border:1px solid #0000;flex-shrink:0;align-items:center;gap:.4rem;padding:.2rem .4rem;font-size:.8rem;display:flex}.meta-item:hover{border-color:hsl(var(--color-border))}.meta-select{color:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding:0;font-size:.8rem;font-weight:500}.meta-date-input{color:inherit!important;cursor:pointer!important;background:0 0!important;border:none!important;outline:none!important;width:50px!important;padding:0!important;font-size:.8rem!important;font-weight:500!important}.meta-divider{background:hsl(var(--color-border));opacity:.5;width:1px;height:12px}.meta-avatars-sidebar{align-items:center;gap:4px;display:flex}.avatar-mini-plus-container{border:1px dashed hsl(var(--color-primary));width:20px;height:20px;color:hsl(var(--color-primary));cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.avatar-mini-plus-container:hover{background:hsla(var(--color-primary), .1);transform:scale(1.1)}.plus-icon-static{pointer-events:none}.avatar-mini-all-btn{border:1px solid hsl(var(--color-secondary));width:20px;height:20px;color:hsl(var(--color-secondary));cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.avatar-mini-all-btn:hover{background:hsl(var(--color-secondary));color:#fff;transform:scale(1.1)}.avatar-mini-interactive{border:1px solid hsl(var(--color-border));background:hsl(var(--color-secondary));color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;font-weight:700;transition:all .2s;display:flex;overflow:hidden}.avatar-mini-interactive:hover{z-index:10;border-color:#ef4444;transform:scale(1.2)translateY(-2px);box-shadow:0 4px 8px #0000004d}.avatar-mini-interactive img{object-fit:cover;width:100%;height:100%}.meta-user-select-overlay{opacity:0;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:0}.circle-large{border:2px solid hsl(var(--border) / .8);border-radius:50%;width:24px;height:24px}.title-area{flex:1}.title-input{width:100%;color:hsl(var(--color-text-main));background:0 0;border:none;outline:none;font-size:1.2rem;font-weight:600}.save-indicator{background:hsl(var(--color-primary));color:#fff;pointer-events:none;z-index:60;border-radius:99px;padding:.2rem .6rem;font-size:.7rem;transition:opacity .3s;position:absolute;top:.5rem;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0003}.close-sidebar-btn,.status-toggle-btn{color:hsl(var(--color-text-muted));cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.close-sidebar-btn:hover{color:#fff}.task-detail-scroll-content{box-sizing:border-box;flex-direction:column;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:125px 0 55px;overflow-y:scroll}.info-item{flex-direction:column;gap:.5rem;display:flex}.info-item label{color:hsl(var(--color-text-muted));align-items:center;gap:.4rem;font-size:.75rem;font-weight:500;display:flex}.users-avatars-row{gap:-8px;display:flex}.user-avatar-btn{border:2px solid hsl(var(--color-border));background:hsl(var(--color-surface));color:#fff;cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-right:-8px;font-size:.75rem;transition:transform .2s,z-index .2s;display:flex;position:relative;overflow:hidden}.user-avatar-btn:hover{z-index:10;border-color:hsl(var(--color-primary));transform:translateY(-2px)}.user-avatar-btn.selected{border-color:hsl(var(--color-primary));z-index:5}.user-avatar-btn img{object-fit:cover;width:100%;height:100%}.minimal-date-input,.minimal-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:hsl(var(--color-text-main));background:0 0;outline:none;width:100%;padding:.25rem .5rem;font-size:.85rem}.minimal-select option{background:hsl(var(--color-surface))}.divider{background:hsl(var(--color-border));height:1px;margin:1rem .5rem}.section-header{text-transform:uppercase;color:hsl(var(--color-secondary));letter-spacing:.05em;flex-shrink:0;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.4rem .5rem;font-size:.75rem;font-weight:700;line-height:1.5;display:flex}.unified-notes-area{padding:0 .5rem}.notes-list{flex-direction:column;gap:1rem;margin-bottom:1rem;display:flex}.note-item{gap:.75rem;display:flex}.note-avatar{background:hsl(var(--color-primary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;display:flex}.note-content-box{background:hsla(var(--color-surface), .3);border-radius:var(--radius-md);flex:1;padding:.5rem .75rem}.note-meta span{opacity:.7;font-weight:400}.note-text{color:hsl(var(--color-text-main));white-space:pre-wrap;font-size:.9rem}.new-note-input{background:hsla(var(--color-surface), .5);border-radius:var(--radius-md);border:1px solid hsl(var(--color-border));gap:.5rem;padding:1rem;display:flex}.new-note-input textarea{resize:none;color:hsl(var(--color-text-main));background:0 0;border:none;outline:none;flex:1;height:auto;min-height:24px;font-size:.9rem}.send-note-btn{color:hsl(var(--color-primary));cursor:pointer;background:0 0;border:none;padding:.25rem}.send-note-btn:disabled{color:hsl(var(--color-text-muted));opacity:.3}.unified-subtasks-area{flex-direction:column;padding:0 .5rem;display:flex}.subtasks-list-unified{flex-direction:column;gap:.5rem;padding-right:.5rem;display:flex}.subtask-item-unified{align-items:center;gap:.75rem;padding:.25rem 0;display:flex}.check-btn{cursor:pointer;background:0 0;border:none;padding:0}.circle-unified{border:2px solid hsl(var(--color-border));border-radius:50%;width:18px;height:18px;transition:all .2s}.circle-unified:hover{border-color:hsl(var(--color-primary));background:hsla(var(--color-primary), .1)}.subtask-input-line{color:hsl(var(--color-text-main));background:0 0;border:none;outline:none;flex:1;padding:.25rem 0;font-size:.9rem;transition:border .2s}.subtask-input-line:focus{border-bottom:1px solid hsl(var(--color-border) / .3)}.subtask-item-unified.completed .subtask-input-line{color:hsl(var(--color-text-muted));opacity:.6;text-decoration:line-through}.del-subtask-btn{opacity:0;color:hsl(var(--color-text-muted));cursor:pointer;background:0 0;border:none}.subtask-item-unified:hover .del-subtask-btn{opacity:1}.add-subtask-unified{color:hsl(var(--color-text-muted));align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.add-subtask-unified input{color:hsl(var(--color-text-main));background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.unified-tags-area,.unified-attachments-area{padding:0 .5rem}.unified-attachments-area .section-header{justify-content:space-between}.header-left{align-items:center;gap:.5rem;display:flex}.add-file-btn{background:hsla(var(--color-surface), .5);border:1px solid hsl(var(--color-border));color:hsl(var(--color-text-main));cursor:pointer;border-radius:4px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.7rem;display:flex}.add-file-btn:hover{background:hsla(var(--color-surface), .8)}.attachments-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;display:grid}.attachment-card{background:hsla(var(--color-surface), .3);border:1px solid hsl(var(--color-border));border-radius:var(--radius-md);color:hsl(var(--color-text-main));flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;text-decoration:none;transition:background .2s;display:flex}.attachment-card:hover{background:hsla(var(--color-surface), .5)}.att-name{text-align:center;word-break:break-all;max-lines:2;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.section-item-file{color:hsl(var(--color-text-muted));cursor:pointer;align-items:center;gap:1rem;padding:1rem;display:flex}.attachments-mini-list{flex-direction:column;gap:.5rem;padding:0 1rem 1rem;display:flex}.attachment-mini-item{background:hsl(var(--background));border-radius:var(--radius-sm);align-items:center;gap:.75rem;padding:.4rem .75rem;font-size:.8rem;display:flex}.file-name-truncated{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.notes-area{flex-direction:column;gap:1rem;padding:1rem;display:flex}.notes-history-mini{flex-direction:column;gap:1rem;display:flex}.note-mini-bubble{background:hsl(var(--background));border-radius:var(--radius-md);padding:.75rem}.note-meta{color:hsl(var(--color-secondary));margin-bottom:.25rem;font-size:.7rem;font-weight:600}.note-text{font-size:.85rem}.note-input-mini{align-items:flex-end;gap:.5rem;display:flex}.note-input-mini textarea{border:1px solid hsl(var(--color-border));border-radius:var(--radius-sm);resize:none;min-height:40px;color:hsl(var(--color-text-main));background:0 0;outline:none;flex:1;padding:.5rem;font-size:.85rem}.task-detail-footer{box-sizing:border-box;border-top:1px solid hsl(var(--color-border));background:hsl(var(--color-background));z-index:60;justify-content:space-between;align-items:center;height:55px;padding:1rem 1.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.footer-right{align-items:center;gap:1rem;display:flex}.done-btn{background:hsl(var(--color-primary));color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 10px #0003}.done-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.created-info{color:hsl(var(--color-text-muted));font-size:.75rem}.delete-task-btn{color:#ef4444;cursor:pointer;opacity:.8;border-radius:var(--radius-md);background:0 0;border:none;padding:.5rem;transition:opacity .2s}.delete-task-btn:hover{opacity:1;background:#ef44441a}.task-detail-action-buttons{flex-direction:column;gap:.75rem;margin-top:5rem;padding:0 .5rem 1rem;display:flex}.btn-action-block{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 10px #0003}.btn-action-block.done{background:hsl(var(--color-primary));color:#fff}.btn-action-block.done:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-action-block.delete{color:#ef4444;box-shadow:none;background:#ef44441a;border:1px solid #ef444433}.btn-action-block.delete:hover{color:#fca5a5;background:#ef444433}.task-datepicker-popper{z-index:100!important}.task-datepicker-popper .react-datepicker{background-color:hsl(var(--color-background));border:1px solid var(--color-border);color:hsl(var(--color-text-main))}.task-datepicker-popper .react-datepicker__header{background-color:hsl(var(--color-surface));border-bottom:1px solid var(--color-border)}.task-datepicker-popper .react-datepicker__current-month,.task-datepicker-popper .react-datepicker-time__header{color:hsl(var(--color-text-main))}.task-datepicker-popper .react-datepicker__day-name{color:hsl(var(--color-text-muted))}.task-datepicker-popper .react-datepicker__day{color:hsl(var(--color-text-main))}.task-datepicker-popper .react-datepicker__day:hover{background-color:hsla(var(--color-primary), .2);border-radius:.3rem}.task-datepicker-popper .react-datepicker__day--selected{background-color:hsl(var(--color-primary))!important;color:#fff!important}.task-datepicker-popper .react-datepicker__day--today{color:hsl(var(--color-primary));font-weight:700}.task-datepicker-popper .react-datepicker__triangle{display:none}.task-detail-resizer{cursor:col-resize;z-index:100;pointer-events:auto;width:6px;height:100%;transition:background .2s;position:absolute;top:0;left:-3px}.task-detail-resizer:hover,.task-detail-resizer:active{background:hsl(var(--color-primary) / .3)}.unified-recurrence-area{flex-direction:column;gap:.75rem;display:flex}.recurrence-toggle-row{color:hsl(var(--color-text-main));align-items:flex-start;gap:.65rem;font-size:.9rem;display:flex}.recurrence-controls-grid{grid-template-columns:minmax(0,1.4fr) minmax(90px,.6fr);gap:.75rem;display:grid}.recurrence-field{flex-direction:column;gap:.35rem;display:flex}.recurrence-field label{color:hsl(var(--color-text-muted));text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.recurrence-select,.recurrence-number-input{background:hsl(var(--color-bg-secondary));border:1px solid hsl(var(--color-border));width:100%;color:hsl(var(--color-text-main));border-radius:8px;padding:.65rem .75rem;font-size:.92rem}.recurrence-select option{color:#111827;background:#fff}.recurrence-help-text{color:hsl(var(--color-text-muted));font-size:.85rem}.tag-manager-modal{z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tag-manager-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;position:absolute;inset:0}.tag-manager-panel{border-radius:var(--radius-lg);z-index:1001;background:#1e293b;border:1px solid #ffffff1a;flex-direction:column;width:400px;max-height:80vh;display:flex;position:relative;box-shadow:0 20px 60px #00000080}.tag-manager-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.tag-manager-header h3{color:hsl(var(--foreground));align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.btn-close{color:hsl(var(--color-text-muted));cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:.25rem;transition:all .2s;display:flex}.btn-close:hover{color:hsl(var(--foreground));background:#ffffff1a}.tag-manager-content{max-height:500px;padding:1rem;overflow-y:auto}.tag-form{border-radius:var(--radius-md);background:#0003;margin-bottom:1rem;padding:1rem}.tag-form input{border-radius:var(--radius-sm);width:100%;color:hsl(var(--foreground));background:#0000004d;border:1px solid #ffffff26;margin-bottom:.75rem;padding:.6rem;font-size:.9rem}.tag-form input:focus{border-color:hsl(var(--color-primary));outline:none}.color-picker{flex-wrap:wrap;gap:.6rem;margin-bottom:.75rem;display:flex}.color-option{cursor:pointer;border:3px solid #0000;border-radius:50%;width:28px;height:28px;transition:all .2s}.color-option:hover{transform:scale(1.15)}.color-option.selected{box-shadow:0 0 0 2px hsl(var(--color-primary));border-color:#fff}.form-actions{gap:.5rem;display:flex}.btn-save,.btn-cancel{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-save{background:hsl(var(--color-primary));color:#fff}.btn-save:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.btn-cancel{color:hsl(var(--color-text-muted));background:0 0;border:1px solid #fff3}.btn-cancel:hover{color:hsl(var(--foreground));background:#ffffff0d}.btn-add-new{width:100%;color:hsl(var(--color-primary));border-radius:var(--radius-md);cursor:pointer;background:0 0;border:2px dashed #fff3;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-add-new:hover{border-style:solid;border-color:hsl(var(--color-primary));background:#3b82f61a}.empty-message{text-align:center;color:hsl(var(--color-text-muted));margin:0;padding:2rem 1rem;font-size:.85rem}.tags-list{flex-direction:column;gap:.5rem;display:flex}.tag-item{border-radius:var(--radius-md);background:#0003;align-items:center;gap:.75rem;padding:.5rem;transition:all .2s;display:flex}.tag-item:hover{background:#0000004d}.tag-preview{color:#fff;cursor:pointer;text-align:center;border-radius:99px;flex:1;padding:.5rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s}.tag-preview:hover{transform:scale(1.02);box-shadow:0 2px 8px #0000004d}.tag-edit{flex-direction:column;flex:1;gap:.5rem;display:flex}.tag-edit input{border-radius:var(--radius-sm);color:hsl(var(--foreground));background:#0000004d;border:1px solid #ffffff26;padding:.5rem .75rem;font-size:.85rem}.color-picker-inline{flex-wrap:wrap;gap:.5rem;display:flex}.color-picker-inline button{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:all .2s}.color-picker-inline button:hover{transform:scale(1.15)}.color-picker-inline button.selected{border-color:#fff}.btn-delete-tag{color:#ef4444;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.btn-delete-tag:hover{background:#ef444426;transform:scale(1.1)}.task-list-sidebar{border-right:1px solid hsl(var(--border) / .5);background:#0f172a99;flex-direction:column;gap:1.5rem;width:240px;padding:1.5rem 1rem;display:flex}.sidebar-section-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.sidebar-section-header h3{text-transform:uppercase;color:hsl(var(--color-text-muted));letter-spacing:.05em;margin:0;font-size:.8rem;font-weight:700}.add-list-btn{color:hsl(var(--color-primary));cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:all .2s}.add-list-btn:hover{opacity:1;background:hsl(var(--color-primary) / .1)}.lists-nav{flex-direction:column;gap:.25rem;display:flex}.list-nav-item{border-radius:var(--radius-md);cursor:pointer;color:#94a3b8;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex;position:relative}.list-nav-item:hover{background:hsl(var(--card))}.list-nav-item.active{background:hsl(var(--color-primary) / .15);color:#fff}.list-icon{opacity:.8;justify-content:center;align-items:center;display:flex}.list-icon.system{color:hsl(var(--color-secondary))}.list-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden;color:#f1f5f9!important;font-size:.95rem!important}.list-options-btn{color:hsl(var(--color-text-muted));cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:.2rem;transition:all .2s}.list-nav-item:hover .list-options-btn{opacity:1}.list-options-btn:hover{color:#fff;background:#ffffff1a}.context-menu-portal{border:1px solid hsl(var(--border) / .5);border-radius:var(--radius-md);background:#1e293b;min-width:120px;padding:.4rem;animation:.1s fadeIn;box-shadow:0 4px 12px #00000080}.context-menu-item{color:#fff;cursor:pointer;border-radius:var(--radius-sm);align-items:center;gap:.6rem;padding:.5rem .7rem;font-size:.85rem;transition:background .1s;display:flex}.context-menu-item:hover{background:hsl(var(--color-primary) / .2)}.context-menu-item.delete:hover{color:#ef4444;background:#ef444433}html[data-theme=light] .task-list-sidebar{border-right:1px solid hsl(var(--color-border));background:#f1f5f9}html[data-theme=light] .list-name{color:hsl(var(--color-text-main))!important}html[data-theme=light] .list-nav-item:hover{background:#e2e8f0}html[data-theme=light] .list-nav-item.active{background:hsl(var(--color-primary) / .1);color:hsl(var(--color-primary))}html[data-theme=light] .context-menu-portal{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #0000001a}html[data-theme=light] .context-menu-item{color:hsl(var(--color-text-main))}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:hsl(var(--color-surface));border:1px solid var(--color-border);border-radius:12px;width:90%;max-width:500px;padding:1.5rem;animation:.3s ease-out slideUp;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-header h2{color:hsl(var(--color-text-main));margin:0;font-size:1.25rem;font-weight:600}.close-btn{color:hsl(var(--color-text-muted));cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem;transition:all .2s}.close-btn:hover{color:hsl(var(--color-error));background-color:hsla(var(--color-error), .1)}.form-group{margin-bottom:1.25rem}.form-group label{color:hsl(var(--color-text-muted));margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{background-color:hsl(var(--color-background));border:1px solid var(--color-border);width:100%;color:hsl(var(--color-text-main));border-radius:6px;padding:.75rem;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:hsl(var(--color-primary));box-shadow:0 0 0 2px hsla(var(--color-primary-raw), .2);outline:none}.modal-footer{justify-content:flex-end;gap:.75rem;margin-top:2rem;display:flex}.btn-secondary{border:1px solid var(--color-border);color:hsl(var(--color-text-muted));cursor:pointer;background-color:#0000;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.btn-secondary:hover{color:#f8fafc;background-color:#ffffff0d}.btn-primary{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.btn-primary:hover{background-color:#2563eb}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.tasks-page-container{background:hsl(var(--color-background));flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.tasks-main-content{flex-direction:column;flex:1;min-height:0;padding:1.5rem;transition:all .3s;display:flex}.tasks-list-scrollable{flex:1;min-height:0;margin-top:.5rem;padding-right:.5rem;overflow-y:auto}.page-header{margin-bottom:1.25rem}.header-title{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.header-title h1{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:700;display:flex;overflow:hidden}.btn-tags-header{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius-md);color:hsl(var(--foreground));white-space:nowrap;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-tags-header:hover{background:hsl(var(--background));border-color:hsl(var(--color-primary));color:hsl(var(--color-primary))}.tasks-page-container.sidebar-open .tasks-main-content{padding-right:var(--sidebar-width,420px);transition:padding-right .3s cubic-bezier(.4,0,.2,1)}.quick-add-container{background:hsl(var(--card) / .8);border:1px solid hsl(var(--border));border-radius:var(--radius-lg);color:hsl(var(--color-primary));flex-shrink:0;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;display:flex}.quick-add-container input{color:hsl(var(--foreground));background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.quick-add-btn{background:hsl(var(--color-primary));color:#fff;border-radius:var(--radius-md);border:none;padding:.4rem 1rem;font-size:.85rem;font-weight:700}.tasks-controls{background:hsl(var(--card));border-radius:var(--radius-lg);border:1px solid hsl(var(--border));gap:1rem;margin-bottom:.75rem;padding:.75rem;display:flex}.bulk-tasks-panel{background:hsl(var(--card) / .55);border:1px solid hsl(var(--border) / .65);border-radius:var(--radius-lg);align-items:center;gap:.75rem;min-height:48px;margin-bottom:1rem;padding:.65rem .75rem;transition:border-color .2s,background .2s;display:flex}.bulk-tasks-panel.active{background:hsl(var(--color-primary) / .08);border-color:hsl(var(--color-primary) / .35)}.bulk-selection-summary{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.bulk-check-all{color:hsl(var(--color-text-muted));cursor:pointer;white-space:nowrap;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;display:flex}.bulk-check-all input,.task-bulk-checkbox{width:16px;height:16px;accent-color:hsl(var(--color-primary));cursor:pointer}.bulk-clear-btn{border:1px solid hsl(var(--border));background:hsl(var(--background) / .8);color:hsl(var(--color-text-muted));border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.bulk-edit-controls{flex:1;grid-template-columns:minmax(130px,1fr) minmax(140px,1fr) 136px minmax(130px,1fr) minmax(120px,1fr) auto;align-items:center;gap:.5rem;min-width:0;display:grid}.bulk-edit-controls select,.bulk-edit-controls input{background:hsl(var(--background));width:100%;color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:var(--radius-md);min-width:0;padding:.42rem .6rem;font-size:.8rem}.bulk-apply-btn{background:linear-gradient(135deg, hsl(var(--color-primary)), hsl(var(--color-secondary)));color:#fff;border-radius:var(--radius-md);white-space:nowrap;border:none;padding:.48rem .9rem;font-size:.8rem;font-weight:800}.bulk-apply-btn:disabled{opacity:.65;cursor:wait}.search-bar{background:hsl(var(--background));border-radius:var(--radius-md);border:1px solid hsl(var(--border));flex:1;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.search-bar input{color:hsl(var(--foreground));background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.filters{align-items:center;gap:.5rem;display:flex}.filters select{background:hsl(var(--background));color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:var(--radius-md);padding:.4rem .75rem;font-size:.85rem}.task-item-compact{background:hsl(var(--card) / .4);border:1px solid hsl(var(--border) / .5);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.75rem;margin-bottom:.4rem;padding:.65rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.task-item-compact:hover{background:hsl(var(--card));border-color:hsl(var(--color-primary) / .4);transform:translateY(-1px)translate(2px);box-shadow:0 4px 12px -4px #0003}.task-item-compact:active{background:hsl(var(--card) / .8);transform:translateY(0)translate(1px)}.task-item-compact.selected{background:hsl(var(--color-primary) / .1);border-color:hsl(var(--color-primary));box-shadow:inset 0 0 0 1px hsl(var(--color-primary) / .2)}.task-item-compact.bulk-selected{background:hsl(var(--color-primary) / .12);border-color:hsl(var(--color-primary) / .65)}.task-item-compact.dragging{background:hsl(var(--card));border-color:hsl(var(--color-primary));opacity:.9;z-index:9999;box-shadow:0 10px 30px -10px #00000080}.task-item-compact.selected{background:hsl(var(--color-primary) / .08);border-color:hsl(var(--color-primary))}.task-main-info{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.task-details-compact{flex:1;min-width:0}.drag-handle{color:hsl(var(--color-text-muted) / .4);cursor:grab;justify-content:center;align-items:center;margin-left:-.5rem;padding:0 .25rem;transition:color .2s;display:flex}.drag-handle:hover{color:hsl(var(--color-primary) / .8)}.drag-handle:active{cursor:grabbing}.task-bulk-checkbox{flex-shrink:0}.task-row-horizontal{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.task-title-group{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.task-title{color:hsl(var(--color-text-main));white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.92rem;font-weight:500;overflow:hidden}.task-list-label{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:4px;flex-shrink:0;align-items:center;padding:.25rem .6rem;font-size:.65rem;font-weight:800;line-height:1.4;display:inline-flex}.task-metadata-horizontal{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.task-tags-mini{align-items:center;gap:3px;display:flex}.tag-dot-mini,.priority-indicator{border-radius:50%;width:7px;height:7px}.priority-indicator.priority-high{background:#ef4444;box-shadow:0 0 6px #ef444480}.priority-indicator.priority-medium{background:#f59e0b}.priority-indicator.priority-low{background:#10b981}.task-date-mini{color:hsl(var(--color-text-muted));background:hsla(var(--color-surface), .5);white-space:nowrap;border-radius:4px;align-items:center;gap:.3rem;padding:.15rem .4rem;font-size:.75rem;font-weight:600;display:flex}.task-date-mini.overdue{color:#ef4444;background:#ef44441a}.task-avatars-row-mini{align-items:center;display:flex}.user-avatar-micro{background:hsl(var(--color-secondary));color:#fff;border:1px solid hsl(var(--color-background));border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:-6px;font-size:.6rem;font-weight:700;transition:all .2s;display:flex}.user-avatar-micro.clickable-avatar{cursor:pointer}.user-avatar-micro.clickable-avatar:hover{z-index:10;transform:scale(1.2)translateY(-2px);box-shadow:0 4px 8px #0003}.user-avatar-micro.placeholder-avatar{border:1px dashed hsl(var(--border));color:hsl(var(--color-text-muted));cursor:pointer;background:0 0}.user-avatar-micro.placeholder-avatar:hover{border-color:hsl(var(--color-primary));color:hsl(var(--color-primary));background:hsla(var(--color-primary), .1)}.btn-status-list{justify-content:center;align-items:center;transition:transform .2s;display:flex}.btn-status-list:hover{transform:scale(1.15)}.circle-pending{border:2px solid hsl(var(--color-text-muted) / .5);border-radius:50%;width:18px;height:18px}.animate-in{animation:.25s ease-out fadeInSlideDown}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tasks-sidebar-toggle{background:hsl(var(--card));border:1px solid hsl(var(--border));z-index:40;border-left:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;width:20px;height:60px;transition:left .3s;display:flex;position:absolute;top:50%;left:260px;transform:translateY(-50%)}.tasks-sidebar-toggle.closed{left:0}@media (width<=1200px){.bulk-tasks-panel{flex-direction:column;align-items:stretch}.bulk-edit-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}.tools-page{flex-direction:column;gap:1rem;min-height:calc(100vh - 128px);display:flex}.tools-toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.tools-title-block{align-items:center;gap:.85rem;display:flex}.tools-icon{border-radius:var(--radius-md);width:42px;height:42px;color:hsl(var(--color-primary));background:hsla(var(--color-primary), .1);border:1px solid hsla(var(--color-primary), .25);justify-content:center;align-items:center;display:inline-flex}.tools-title-block h1{color:hsl(var(--color-text-main));margin:0;font-size:1.45rem;line-height:1.15}.tools-subtitle{color:hsl(var(--color-text-muted));margin-top:.25rem;font-size:.86rem;display:inline-flex}.tools-status{color:hsl(var(--color-text-muted));align-items:center;gap:.35rem;margin-top:.25rem;font-size:.82rem;display:inline-flex}.tools-status:before{content:"";background:hsl(var(--color-error));border-radius:50%;width:8px;height:8px}.tools-status.online:before{background:hsl(var(--color-success))}.tools-actions,.tools-grid{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.tools-catalog{flex-direction:column;gap:.85rem;display:flex}.tools-group{flex-direction:column;gap:.55rem;display:flex}.tools-group-title{color:hsl(var(--color-text-muted));text-transform:uppercase;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;display:inline-flex}.tools-icon-btn,.tools-primary-link,.tool-tile{border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:38px;color:hsl(var(--color-text-main));background:hsla(var(--color-surface), .6);justify-content:center;align-items:center;gap:.5rem;text-decoration:none;display:inline-flex}.tools-icon-btn{width:40px;padding:0}.tools-primary-link{color:hsl(var(--color-primary-foreground));background:hsl(var(--color-primary));border-color:hsl(var(--color-primary));padding:0 .85rem;font-size:.9rem;font-weight:600}.tool-tile{padding:0 .85rem;font-size:.88rem}.tools-icon-btn:hover,.tool-tile:hover{border-color:hsl(var(--color-primary));color:hsl(var(--color-primary));background:hsla(var(--color-primary), .08)}.tool-tile.active{border-color:hsl(var(--color-primary));color:hsl(var(--color-primary));background:hsla(var(--color-primary), .12)}.tools-workspace{border:1px solid var(--color-border);border-radius:var(--radius-md);background:hsl(var(--color-surface));flex:1;min-height:620px;position:relative;overflow:hidden}.tools-frame{background:#fff;border:0;width:100%;height:100%;min-height:620px;display:block}.local-tool-workspace{background:linear-gradient(180deg, hsla(var(--color-surface), .96), hsla(var(--color-background), .96));overflow:auto}.instant-tool{color:hsl(var(--color-text-main));flex-direction:column;gap:1rem;padding:1rem;display:flex}.instant-hero{grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:stretch;gap:1rem;display:grid}.instant-hero-copy{border:1px solid var(--color-border);border-radius:var(--radius-md);background:linear-gradient(135deg, hsla(var(--color-primary), .16), transparent 46%), hsla(var(--color-surface), .72);flex-direction:column;justify-content:center;gap:.75rem;min-height:230px;padding:clamp(1.25rem,3vw,2rem);display:flex}.instant-kicker{width:fit-content;color:hsl(var(--color-primary));align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;display:inline-flex}.instant-hero h2{max-width:720px;color:hsl(var(--color-text-main));margin:0;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.05}.instant-hero p{max-width:620px;color:hsl(var(--color-text-muted));margin:0;font-size:1rem;line-height:1.55}.instant-dropzone{border:1px dashed hsla(var(--color-primary), .58);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:hsla(var(--color-primary), .08);min-height:230px;color:hsl(var(--color-text-main));flex-direction:column;justify-content:center;align-items:center;gap:.55rem;padding:1.25rem;display:flex}.instant-dropzone:hover{border-color:hsl(var(--color-primary));background:hsla(var(--color-primary), .13)}.instant-dropzone span{color:hsl(var(--color-text-muted));font-size:.9rem}.instant-dropzone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.instant-alert{border:1px solid var(--color-border);border-radius:var(--radius-md);background:hsla(var(--color-surface), .72);align-items:center;gap:.55rem;padding:.8rem .95rem;font-size:.92rem;display:flex}.instant-alert.error{color:hsl(var(--color-error));border-color:hsla(var(--color-error), .34);background:hsla(var(--color-error), .1)}.instant-alert.success{color:hsl(var(--color-success));border-color:hsla(var(--color-success), .34);background:hsla(var(--color-success), .1)}.instant-results{flex-direction:column;gap:1rem;display:flex}.instant-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;display:grid}.instant-summary div{border:1px solid var(--color-border);border-radius:var(--radius-md);background:hsla(var(--color-surface), .72);min-width:0;padding:.85rem}.instant-summary span{color:hsl(var(--color-text-muted));text-transform:uppercase;margin-bottom:.35rem;font-size:.78rem;font-weight:700;display:block}.instant-summary strong{text-overflow:ellipsis;white-space:nowrap;color:hsl(var(--color-text-main));font-size:.95rem;display:block;overflow:hidden}.instant-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.instant-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:hsla(var(--color-surface), .72);overflow:auto}.instant-table{border-collapse:collapse;width:100%;min-width:760px}.instant-table th,.instant-table td{border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top;padding:.75rem .9rem}.instant-table th{color:hsl(var(--color-text-muted));text-transform:uppercase;font-size:.8rem}.instant-table td{color:hsl(var(--color-text-main));font-size:.9rem}.instant-table tr:last-child td{border-bottom:0}.instant-more{color:hsl(var(--color-text-muted));border-top:1px solid var(--color-border);padding:.7rem .9rem;font-size:.9rem}.instant-xml-preview{border:1px solid var(--color-border);border-radius:var(--radius-md);background:hsla(var(--color-surface), .72)}.instant-xml-preview summary{cursor:pointer;color:hsl(var(--color-text-main));align-items:center;gap:.5rem;padding:.85rem .95rem;font-weight:700;display:flex}.instant-xml-preview pre{border-top:1px solid var(--color-border);max-height:320px;color:hsl(var(--color-text-muted));white-space:pre-wrap;word-break:break-word;margin:0;padding:1rem;font-size:.78rem;line-height:1.5;overflow:auto}.tools-offline{z-index:2;color:hsl(var(--color-text-main));background:hsla(var(--color-background), .92);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;flex-direction:column;align-items:flex-start;gap:.35rem;max-width:min(420px,100% - 1.5rem);padding:.85rem 1rem;display:flex;position:absolute;top:.75rem;right:.75rem;box-shadow:0 12px 28px #00000038}.tools-offline span{color:hsl(var(--color-text-muted));font-size:.9rem}.spin{animation:.9s linear infinite tools-spin}@keyframes tools-spin{to{transform:rotate(360deg)}}@media (width<=768px){.tools-page{min-height:calc(100vh - 92px)}.tools-toolbar{flex-direction:column;align-items:flex-start}.tools-actions,.tools-grid{width:100%}.tools-actions{align-items:flex-start}.tool-tile{flex:140px}.tools-workspace,.tools-frame{min-height:560px}.instant-tool{padding:.75rem}.instant-hero,.instant-summary{grid-template-columns:1fr}.instant-hero-copy,.instant-dropzone{min-height:190px}}.time-calendar-allow-scroll .fc-daygrid-day.fc-day-interactive{cursor:pointer}.time-calendar-allow-scroll .fc-daygrid-day.fc-day-interactive:hover{background-color:#3b82f60d}.fc-event{cursor:pointer}.fc-event:hover{opacity:.85}.kiosk-container{--color-primary:#06c;--color-primary-light:#e6f0ff;--color-background:#f3f4f6;--color-bg-primary:#fff;--color-bg-secondary:#fff;--color-text-main:#111827;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-error:#ef4444;--color-success:#22c55e;background-color:var(--color-background);height:100vh;color:var(--color-text-main);-webkit-user-select:none;user-select:none;flex-direction:column;font-family:Inter,system-ui,sans-serif;display:flex;overflow:hidden}.kiosk-header{background:var(--color-bg-secondary);border-bottom:2px solid var(--color-primary);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.kiosk-brand{align-items:center;gap:1rem;font-size:1.5rem;font-weight:800;display:flex}.kiosk-meta{flex-direction:column;align-items:flex-end;display:flex}.kiosk-time{font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;font-size:2.5rem;font-weight:900;line-height:1;display:flex}.kiosk-date{color:var(--color-text-muted);text-transform:capitalize;font-size:1.2rem}.kiosk-exit-btn{opacity:.1;color:#fff;background:0 0;border:none;position:absolute;top:1rem;left:1rem}.kiosk-exit-btn:hover{opacity:1;background:red}.kiosk-content{flex:1;justify-content:center;padding:2rem;display:flex;overflow-y:auto}.kiosk-footer{text-align:center;color:var(--color-text-muted);background:var(--color-bg-secondary);justify-content:center;align-items:center;gap:8px;padding:.5rem;font-size:.8rem;display:flex}.kiosk-setup-container{background:var(--color-bg-primary);justify-content:center;align-items:center;height:100vh;display:flex}.setup-card{background:var(--color-bg-secondary);text-align:center;border:1px solid var(--color-border);border-radius:16px;padding:3rem}.employee-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2rem;width:100%;max-width:1200px;display:grid}.employee-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;padding:2rem 1rem;transition:all .2s;display:flex}.employee-card:active{background:var(--color-primary-light);transform:scale(.95)}.employee-avatar{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1rem;font-size:2rem;font-weight:700;display:flex}.employee-name{text-align:center;font-size:1.2rem;font-weight:600}.employee-role{color:var(--color-text-muted);font-size:.9rem}.pin-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pin-modal{background:var(--color-bg-secondary);border-radius:16px;flex-direction:column;align-items:center;width:350px;padding:2rem;display:flex;box-shadow:0 10px 40px #00000080}.pin-dots{gap:1rem;margin:2rem 0;display:flex}.pin-dot{border:2px solid var(--color-primary);border-radius:50%;width:20px;height:20px;transition:background .2s}.pin-dot.filled{background:var(--color-primary)}.numpad{grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;display:grid}.num-btn{background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-main);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto;padding:1rem;font-size:1.5rem;transition:background .1s;display:flex}.num-btn:active{background:var(--color-primary);color:#fff}.status-message-overlay{z-index:2000;color:#fff;justify-content:center;align-items:center;font-size:3rem;font-weight:900;display:flex;position:fixed;inset:0}.status-success{background:#22c55ef2}.status-error{background:#ef4444f2}