@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;900&family=Space+Grotesk:wght@400;500;600&display=swap";:root{--ink: #1E1630;--pink: #F16777;--bone: #F1EFE9;--soft: #7E7C75;--ink-grad: linear-gradient(150deg,#2C2142 0%,#16101F 52%,#241A3A 100%);--bg: #F1EFE9;--bg2: #E7E4DB;--glass: rgba(30,22,48,.04);--glass-hover: rgba(30,22,48,.07);--glass-active: rgba(30,22,48,.1);--border: rgba(30,22,48,.1);--border-strong: rgba(30,22,48,.18);--text: #1E1630;--text-muted: rgba(30,22,48,.66);--text-dim: rgba(30,22,48,.45);--accent: #F16777;--accent2: #7E7C75;--accent-bg: rgba(241,103,119,.07);--accent-border: rgba(241,103,119,.28);--wp-color: #a78bfa;--wp-bg: rgba(167,139,250,.1);--wp-border: rgba(167,139,250,.22);--travel: #fb923c;--travel-bg: rgba(251,146,60,.1);--travel-border: rgba(251,146,60,.28);--danger: #f87171;--danger-bg: rgba(248,113,113,.12);--success: #34d399;--archive: #6ee7b7;--archive-bg: rgba(110,231,183,.08);--archive-border: rgba(110,231,183,.2);--synced: #34d399;--pending: #F16777;--error-sync: #f87171}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);font-family:Archivo,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink);min-height:100vh;display:flex;flex-direction:column;-webkit-user-select:none}input,textarea,select,button{font-family:Archivo,-apple-system,sans-serif;-webkit-user-select:text}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 10% 10%,rgba(241,103,119,.12) 0%,transparent 55%),radial-gradient(ellipse 50% 60% at 90% 85%,rgba(30,22,48,.06) 0%,transparent 55%),radial-gradient(ellipse 70% 70% at 50% 120%,rgba(167,139,250,.07) 0%,transparent 60%)}.auth-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--ink-grad);background-attachment:fixed}.auth-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 15% 15%,rgba(241,103,119,.22) 0%,transparent 55%),radial-gradient(ellipse 50% 60% at 85% 85%,rgba(167,139,250,.14) 0%,transparent 55%)}.auth-card{position:relative;z-index:1;background:#241a3a8c;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-radius:22px;padding:44px 40px;width:400px;border:1px solid rgba(241,239,233,.12);box-shadow:0 40px 90px #0000008c}.auth-logo{display:flex;justify-content:center;margin-bottom:30px}.auth-logo img{height:34px;width:auto;display:block}.auth-title{font-family:Archivo,sans-serif;font-size:24px;font-weight:900;letter-spacing:-.02em;margin-bottom:6px;text-align:center;color:var(--bone)}.auth-sub{font-family:Space Grotesk,monospace;font-size:13px;color:#f1efe999;margin-bottom:26px;text-align:center;line-height:1.5}.auth-field{margin-bottom:13px}.auth-field label{display:block;font-family:Space Grotesk,monospace;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#f1efe98c;margin-bottom:6px}.auth-field input{width:100%;padding:11px 14px;border:1px solid rgba(241,239,233,.14);border-radius:10px;font-size:14px;outline:none;background:#f1efe90f;color:var(--bone);transition:all .2s}.auth-field input::placeholder{color:#f1efe959}.auth-field input:focus{border-color:var(--pink);background:#f1efe91a}.auth-submit{width:100%;padding:12px;background:var(--pink);color:var(--ink);border:none;border-radius:10px;font-family:Space Grotesk,monospace;font-size:14px;font-weight:600;cursor:pointer;margin-top:8px;transition:all .2s}.auth-submit:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 8px 24px #f1677759}.auth-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-switch{text-align:center;margin-top:18px;font-size:13px;color:#f1efe999}.auth-switch button{background:none;border:none;color:var(--pink);cursor:pointer;font-size:13px;font-weight:600}.auth-switch a{color:var(--pink)}.auth-error{background:#f167771f;color:#fda4af;border:1px solid rgba(241,103,119,.3);padding:10px 14px;border-radius:8px;font-size:13px;margin-top:10px}.app-header{position:sticky;top:0;z-index:10;flex-shrink:0;background:#1e1630eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);height:54px;padding:0 20px 0 88px;display:flex;align-items:center;justify-content:space-between;-webkit-app-region:drag}.app-header *{-webkit-app-region:no-drag}.header-logo{display:flex;align-items:baseline;gap:2px}.header-logo-we{font-family:Dancing Script,cursive;font-size:26px;font-weight:700;color:var(--accent);line-height:1}.header-logo-labs{font-size:9px;font-weight:700;letter-spacing:3px;color:#ffffff61;margin-left:1px}.header-center{display:flex;align-items:center;gap:2px;padding:4px;background:#ffffff0a;border-radius:10px;border:1px solid var(--border)}.nav-tab{background:transparent;color:#50370a99;border:none;padding:5px 12px;border-radius:7px;cursor:pointer;font-size:12px;font-weight:400;transition:all .18s;white-space:nowrap}.nav-tab:hover{color:#1e1630;background:var(--glass)}.nav-tab.active{background:var(--glass-active);color:#1e1630;font-weight:500}.header-right{display:flex;align-items:center;gap:8px;min-width:160px;justify-content:flex-end}.sync-pill{display:flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:500;transition:all .3s}.sync-pill.synced{background:#4ade8033;color:#fff;border:1px solid rgba(74,222,128,.5);font-weight:600}.sync-pill.pending{background:#1e16304d;color:#fff;border:1px solid rgba(30,22,48,.5);font-weight:600}.sync-pill.error{background:#f167774d;color:#fff;border:1px solid rgba(241,103,119,.6);font-weight:600}.sync-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.sync-dot.spin{animation:spin 1s linear infinite;border-radius:0;width:8px;height:8px;border:2px solid currentColor;border-top-color:transparent;background:transparent}@keyframes spin{to{transform:rotate(360deg)}}.role-badge{font-size:9px;font-weight:600;padding:2px 7px;border-radius:10px;letter-spacing:.3px;text-transform:uppercase}.role-badge.admin{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.4)}.role-badge.super{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.4)}.role-badge.user{background:#94a3b826;color:#fff9;border:1px solid rgba(148,163,184,.3)}.user-badge{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:5px}.user-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 5px var(--success)}.logout-btn{background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:13px;transition:color .15s;padding:4px}.logout-btn:hover{color:var(--danger)}.login-area-btn{display:flex;align-items:center;gap:8px;background:#f167771a;border:1px solid rgba(241,103,119,.3);border-radius:10px;padding:6px 16px 6px 12px;cursor:pointer;transition:all .2s;min-width:160px;font-size:12px;color:var(--text-muted)}.login-area-btn:hover{background:#f1677738;border-color:#f1677780;box-shadow:0 2px 12px #f1677726}.login-status-indicator{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 6px var(--danger);animation:pulse-red 2s ease-in-out infinite}@keyframes pulse-red{0%,to{opacity:1;box-shadow:0 0 6px var(--danger)}50%{opacity:.5;box-shadow:0 0 12px var(--danger)}}.login-area-btn span:first-of-type{font-weight:500;color:#ffffffd9}.login-action{margin-left:auto;background:#f1677733;color:var(--accent);padding:2px 10px;border-radius:5px;font-weight:600;font-size:11px}.session-toast{position:fixed;top:56px;right:20px;padding:10px 18px;border-radius:10px;font-size:12px;font-weight:500;z-index:9999;cursor:pointer;animation:toast-slide-in .3s ease-out;box-shadow:0 4px 20px #00000040;max-width:320px}.session-toast.warning{background:#1e1630f2;color:#1e1630;border:1px solid rgba(30,22,48,.8)}.session-toast.error{background:#f16777f2;color:#fff;border:1px solid rgba(241,103,119,.8)}.session-toast.success{background:#4ade80f2;color:#1e1630;border:1px solid rgba(74,222,128,.8)}.session-toast.info{background:#5b8deff2;color:#fff;border:1px solid rgba(91,141,239,.8)}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.main-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:22px 26px 48px;position:relative;z-index:1;-webkit-overflow-scrolling:touch}.view-header{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.period-label{color:#1e1630;font-size:16px;font-weight:600;min-width:160px}.total-badge{color:#3a2a08;margin-left:auto;font-size:13px;color:var(--text-muted);white-space:nowrap}.total-badge strong{color:#1e1630}.nav-btn{color:#3a2a08;background:var(--glass);border:1px solid var(--border);width:30px;height:30px;border-radius:7px;cursor:pointer;font-size:13px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .18s;flex-shrink:0}.nav-btn:hover{background:var(--glass-hover);color:#1e1630;border-color:var(--border-strong)}.today-btn,.ghost-btn{background:var(--glass);border:1px solid var(--border);padding:5px 12px;border-radius:7px;cursor:pointer;font-size:12px;color:var(--text-muted);transition:all .18s;font-weight:500;white-space:nowrap;flex-shrink:0}.today-btn:hover,.ghost-btn:hover{background:var(--glass-hover);color:#1e1630;border-color:var(--border-strong)}.primary-btn{background:#f167772e;color:var(--accent);border:1px solid var(--accent-border);padding:7px 18px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .18s;white-space:nowrap;flex-shrink:0}.primary-btn:hover{background:#f1677747;box-shadow:0 4px 14px #f1677733}.primary-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.danger-btn{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(248,113,113,.25);padding:6px 12px;border-radius:7px;cursor:pointer;font-size:12px;font-weight:500}.danger-btn:hover{background:#f871712e}.week-table-outer{overflow-x:auto;border-radius:14px}.week-table-wrap{background:#fff9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:14px;overflow:hidden;border:1px solid var(--border);box-shadow:0 8px 40px #0000004d;min-width:740px}table{width:100%;border-collapse:collapse;font-size:13px}th{padding:10px 6px;font-weight:600;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);background:#ffffff06}td{padding:2px;border-top:1px solid rgba(255,255,255,.04)}tr:hover>td{background:#ffffff05}.proj-header-row>td{background:#ffffff0a!important;border-top:1px solid var(--border)!important;padding:0}.proj-header-cell{padding:7px 12px;display:flex;align-items:center;gap:8px}.proj-header-name{font-size:13px;font-weight:600}.proj-header-sub{font-size:10px;color:var(--text-dim)}.proj-header-day-total{text-align:center;font-size:12px;font-weight:700;padding:4px}.collapse-btn{background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:11px;padding:2px 5px;border-radius:4px;transition:all .15s;flex-shrink:0}.collapse-btn:hover{color:#1e1630;background:#ffffff14}.wp-row>td{background:#a78bfa05}.wp-row:hover>td{background:#a78bfa0d!important}.wp-observer>td{background:transparent!important}.wp-observer:hover>td{background:#a78bfa05!important}.wp-observer .hour-cell{pointer-events:none}.wp-cell{padding:4px 12px 4px 28px;display:flex;align-items:center;gap:6px}.wp-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;opacity:.6}.wp-label{font-size:12px;color:var(--text-muted)}.proj-cell{padding:7px 12px;display:flex;align-items:center;gap:8px}.proj-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.proj-name{font-size:13px;font-weight:500}.proj-client{font-size:11px;color:var(--text-muted)}.proj-level-badge{font-size:10px;color:var(--text-dim)}.hour-cell{text-align:center;cursor:pointer;border-radius:7px;min-height:34px;display:flex;align-items:center;justify-content:center;margin:2px;transition:all .15s;flex-direction:column;gap:1px}.hour-cell:hover{background:#ffffff12!important}.hour-cell.dragging{opacity:.35!important}.hour-cell.drop-target{background:#6366f11f!important;border:2px dashed rgba(99,102,241,.5)!important;border-radius:7px}.hour-cell-note{font-size:9px;color:var(--text-dim);max-width:74px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}.hour-cell-travel{font-size:9px;color:var(--travel);max-width:74px;white-space:nowrap}.total-row>td{background:#ffffff0a!important;border-top:1px solid var(--border)!important;font-weight:600;font-size:13px;color:var(--text-muted)}.month-project-card{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:14px;margin-bottom:16px;border:1px solid var(--border);overflow:hidden}.month-card-header{display:flex;align-items:center;gap:10px;padding:11px 16px;cursor:pointer}.month-card-header:hover{background:#ffffff05}.month-wp-section{border-top:1px solid var(--border)}.month-wp-header{display:flex;align-items:center;gap:8px;padding:7px 16px;background:var(--wp-bg);border-bottom:1px solid var(--border)}.month-wp-name{font-size:12px;font-weight:600;color:var(--text-muted)}.month-wp-total{margin-left:auto;font-size:12px;font-weight:700}.month-days-grid{display:flex;flex-wrap:wrap;gap:4px;padding:11px 12px}.day-tile{width:46px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;border:1px solid rgba(180,200,255,.09);transition:all .14s;font-size:11px;position:relative;background:#ffffff05}.day-tile:hover{border-color:#b4c8ff40;background:#ffffff0d}.day-tile.weekend{color:var(--text-dim)}.day-tile.has-hours{color:#fff;border-color:transparent}.day-tile.is-today{border-width:2px}.day-tile-travel{position:absolute;top:2px;right:3px;font-size:8px}.day-tile-dot{position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:#fff9}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(295px,1fr));gap:13px}.project-card{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;border:1px solid var(--border);overflow:hidden;transition:border-color .2s,transform .15s,opacity .2s}.project-card:hover{border-color:var(--border-strong)}.project-card.dragging{opacity:.35;transform:scale(.96)}.project-card.drag-over{border-color:var(--accent);box-shadow:0 0 0 2px #f1677733}.drag-handle{cursor:grab;color:var(--text-dim);padding:2px 4px;font-size:13px;transition:color .15s}.drag-handle:hover{color:#1e1630}.drag-handle:active{cursor:grabbing}.project-card-body{padding:15px 17px}.add-project-form{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;border:1px solid var(--border);padding:18px;margin-bottom:18px}.form-row{display:flex;gap:7px;flex-wrap:wrap;align-items:flex-end}.text-input{flex:1;min-width:120px;padding:7px 11px;border:1px solid var(--border);border-radius:8px;font-size:13px;outline:none;background:#ffffff0d;color:#1e1630}.text-input:focus{border-color:var(--border-strong);background:#ffffff14}.text-input::placeholder{color:var(--text-dim)}.level-selector{display:flex;gap:3px}.level-btn{padding:6px 10px;font-size:11px;border:1px solid var(--border);background:#ffffff08;border-radius:7px;cursor:pointer;color:var(--text-muted);font-weight:500}.level-btn:hover{border-color:var(--border-strong);color:#1e1630}.level-btn.active{background:#f1677726;color:var(--accent);border-color:var(--accent-border)}.level-hint{font-size:11px;color:var(--text-dim);margin-top:4px}.wp-toggle-row{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;background:var(--wp-bg);border:1px solid var(--wp-border);border-radius:9px;cursor:pointer;margin-top:11px;-webkit-user-select:none;user-select:none}.wp-toggle-row:hover{background:#a78bfa1f}.wp-toggle-row input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--wp-color);margin-top:2px;flex-shrink:0}.wp-toggle-label{font-size:13px;color:var(--wp-color);font-weight:500}.wp-toggle-hint{font-size:11px;color:#a78bfa80;margin-top:1px}.wp-manage-section{margin-top:11px;padding-top:11px;border-top:1px solid var(--border)}.wp-manage-title{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--wp-color);margin-bottom:7px}.wp-list{display:flex;flex-direction:column;gap:4px;margin-bottom:7px}.wp-item{display:flex;align-items:center;gap:7px;padding:6px 10px;background:var(--wp-bg);border:1px solid var(--wp-border);border-radius:7px}.wp-item.drag-over-wp{border-color:var(--wp-color)}.wp-drag{cursor:grab;color:var(--text-dim);font-size:12px;padding:0 2px}.wp-drag:active{cursor:grabbing}.wp-item-name{flex:1;font-size:13px}.wp-item-hours{font-size:11px;color:var(--text-dim)}.wp-item-remove{background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:15px;line-height:1;transition:color .15s}.wp-item-remove:hover{color:var(--danger)}.wp-add-row{display:flex;gap:5px}.wp-add-input{flex:1;padding:6px 10px;border:1px solid var(--wp-border);border-radius:7px;font-size:13px;outline:none;background:#a78bfa0d;color:#1e1630}.wp-add-input:focus{border-color:var(--wp-color)}.wp-add-input::placeholder{color:var(--text-dim)}.wp-add-btn{padding:6px 11px;background:#a78bfa2e;color:var(--wp-color);border:1px solid var(--wp-border);border-radius:7px;cursor:pointer;font-size:12px;font-weight:600}.wp-add-btn:hover{background:#a78bfa47}.wp-add-btn:disabled{opacity:.35;cursor:not-allowed}.export-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.export-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;border:1px solid;white-space:nowrap}.export-btn-csv{background:#34d3991a;color:#34d399;border-color:#34d39940}.export-btn-csv:hover{background:#34d39933}.export-btn-pdf{background:#1e16301a;color:var(--accent2);border-color:#1e163040}.export-btn-pdf:hover{background:#1e163033}.archive-section{margin-top:10px;padding:11px;background:var(--archive-bg);border:1px solid var(--archive-border);border-radius:9px}.archive-section-title{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--archive);margin-bottom:7px}.archive-date-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.archive-date-input{padding:6px 10px;border:1px solid var(--archive-border);border-radius:7px;font-size:13px;outline:none;background:#6ee7b70d;color:#1e1630}.archive-date-input:focus{border-color:var(--archive)}.archive-btn{padding:6px 11px;background:#6ee7b726;color:var(--archive);border:1px solid var(--archive-border);border-radius:7px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap}.archive-btn:hover{background:#6ee7b740}.archive-btn:disabled{opacity:.35;cursor:not-allowed}.group-section{margin-top:10px;padding:11px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:9px}.group-section-title{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:#818cf8;margin-bottom:8px}.group-toggle-row{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:4px}.group-toggle-label{font-size:13px;color:#818cf8;font-weight:500}.invite-row{display:flex;gap:6px;margin-top:9px}.invite-input{flex:1;padding:6px 10px;border:1px solid rgba(99,102,241,.3);border-radius:7px;font-size:13px;outline:none;background:#6366f10d;color:#1e1630}.invite-input:focus{border-color:#818cf8}.invite-btn{padding:6px 11px;background:#6366f12e;color:#818cf8;border:1px solid rgba(99,102,241,.3);border-radius:7px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap}.invite-btn:hover{background:#6366f147}.invite-btn:disabled{opacity:.35;cursor:not-allowed}.member-list{margin-top:8px;display:flex;flex-direction:column;gap:4px}.member-row{display:flex;align-items:center;gap:7px;padding:5px 8px;background:#6366f10f;border-radius:6px;font-size:12px}.member-email{flex:1;color:var(--text-muted)}.member-status{font-size:10px;padding:1px 6px;border-radius:3px}.member-status.pending{background:#1e163026;color:#f16777}.member-status.accepted{background:#4ade8026;color:#4ade80}.invite-hint{font-size:11px;color:#6366f173;margin-top:5px;font-style:italic}.archive-hint{font-size:11px;color:#6ee7b766;margin-top:5px;font-style:italic}.archive-card{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;border:1px solid var(--archive-border);overflow:hidden;opacity:.85}.archive-card-header{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--border)}.archive-dates{font-size:11px;color:var(--archive);background:var(--archive-bg);padding:2px 7px;border-radius:4px;border:1px solid var(--archive-border);white-space:nowrap}.unarchive-btn{padding:4px 9px;background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:11px}.unarchive-btn:hover{background:var(--glass-hover);color:#1e1630}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.popup-box{background:#1e1630f5;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-radius:14px;box-shadow:0 30px 80px #000000b3;width:370px;overflow:hidden;border:1px solid var(--border-strong)}.popup-header{padding:15px 17px 11px;border-bottom:1px solid var(--border)}.popup-header h4{font-size:14px;font-weight:600;margin-bottom:2px;display:flex;align-items:center;gap:7px}.popup-header p{font-size:12px;color:var(--text-muted)}.popup-body{padding:15px 17px;display:flex;flex-direction:column;gap:11px;max-height:70vh;overflow-y:auto}.popup-field label{display:block;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px}.popup-field input[type=number]{width:95px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:15px;outline:none;background:#ffffff0d;color:#1e1630}.popup-field input[type=number]:focus{border-color:var(--border-strong)}.popup-field textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;outline:none;resize:none;line-height:1.55;background:#ffffff0d;color:#1e1630}.popup-field textarea:focus{border-color:var(--border-strong)}.popup-footer{padding:11px 17px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;background:#ffffff05}.blocks-list{display:flex;flex-direction:column;gap:6px}.block-row{display:flex;align-items:center;gap:6px}.block-row input[type=number]{width:62px;padding:7px 8px;border:1px solid var(--border);border-radius:7px;font-size:13px;outline:none;background:#ffffff0d;color:#1e1630;flex-shrink:0}.block-row input[type=text]{flex:1;padding:7px 8px;border:1px solid var(--border);border-radius:7px;font-size:13px;outline:none;background:#ffffff0d;color:#1e1630}.block-row input:focus{border-color:var(--border-strong)}.block-remove-btn{background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:16px;line-height:1;transition:color .15s}.block-remove-btn:hover{color:var(--danger)}.add-block-btn{background:none;border:1px dashed rgba(180,200,255,.16);border-radius:7px;padding:6px;font-size:12px;color:var(--text-muted);cursor:pointer;width:100%;font-weight:500}.add-block-btn:hover{border-color:var(--border-strong);color:#1e1630}.blocks-total{font-size:12px;color:var(--text-muted);text-align:right}.travel-toggle{display:flex;align-items:center;gap:8px;padding:9px 11px;background:var(--travel-bg);border:1px solid var(--travel-border);border-radius:9px;cursor:pointer;-webkit-user-select:none;user-select:none}.travel-toggle:hover{background:#fb923c26}.travel-toggle input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--travel)}.travel-toggle-label{font-size:13px;color:var(--travel);font-weight:500}.travel-block{background:var(--travel-bg);border:1px solid var(--travel-border);border-radius:9px;padding:11px;display:flex;flex-direction:column;gap:8px}.travel-block-title{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--travel)}.travel-row{display:flex;align-items:center;gap:8px}.travel-row input[type=number]{width:75px;padding:7px 9px;border:1px solid var(--travel-border);border-radius:7px;font-size:14px;outline:none;background:#ffffff0d;color:#1e1630}.travel-row input[type=number]:focus{border-color:var(--travel)}.travel-row input[type=text]{flex:1;padding:7px 9px;border:1px solid var(--travel-border);border-radius:7px;font-size:13px;outline:none;background:#ffffff0d;color:#1e1630}.travel-row input[type=text]:focus{border-color:var(--travel)}.travel-hint{font-size:11px;color:#fb923c80;font-style:italic}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-box{background:#fdf6e3f7;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:16px;width:100%;max-width:580px;display:flex;flex-direction:column;box-shadow:0 40px 100px #00000059;overflow:hidden;border:1px solid rgba(120,90,20,.18)}.modal-header{padding:20px 24px 14px;border-bottom:1px solid rgba(120,90,20,.12)}.modal-header h2{font-size:16px;font-weight:600;margin-bottom:3px}.modal-header p{font-size:13px;color:var(--text-muted)}.modal-body{padding:18px 24px;display:flex;flex-direction:column;gap:14px}.modal-footer{padding:13px 24px;border-top:1px solid rgba(120,90,20,.12);display:flex;gap:8px;justify-content:flex-end;background:#fff6}.date-range-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.date-range-row label{font-size:12px;color:var(--text-muted);font-weight:500}.date-input{padding:7px 11px;border:1px solid rgba(120,90,20,.2);border-radius:8px;font-size:13px;outline:none;background:#ffffffb3;color:#1e1630}.date-input:focus{border-color:#785a1466}.preset-btns{display:flex;gap:5px;flex-wrap:wrap}.preset-btn{padding:5px 11px;background:#ffffff80;border:1px solid rgba(120,90,20,.15);border-radius:6px;cursor:pointer;font-size:12px;color:#3a2a08;transition:all .15s}.preset-btn:hover{background:#ffffffb3;color:#1e1630}.preset-btn.active{background:#f1677726;color:var(--accent);border-color:var(--accent-border)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:11px;margin-bottom:20px}.team-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;align-items:flex-end}.team-filter-group{display:flex;flex-direction:column;gap:4px}.team-filter-label{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim)}.team-select{padding:7px 11px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:#ffffff0d;color:#1e1630;outline:none;font-family:Outfit,sans-serif}.team-select:focus{border-color:var(--border-strong)}.team-table-wrap{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;overflow:hidden;border:1px solid var(--border);box-shadow:0 8px 40px #0000004d}.team-table{width:100%;border-collapse:collapse;font-size:13px}.team-table th{padding:10px 12px;font-weight:600;font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);background:#ffffff06;text-align:left}.team-table td{padding:10px 12px;border-top:1px solid rgba(255,255,255,.04);font-size:13px}.team-table tr:hover>td{background:#ffffff05}.team-total-row>td{background:#ffffff0a!important;border-top:1px solid var(--border)!important;font-weight:700;color:var(--text-muted)}.team-empty{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:13px}.stat-card{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:12px;border:1px solid var(--border);padding:16px 18px}.stat-label{font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);margin-bottom:7px}.stat-value{font-size:26px;font-weight:700;line-height:1}.stat-sub{font-size:11px;color:var(--text-muted);margin-top:3px}.settings-section{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;border:1px solid var(--border);padding:22px;margin-bottom:16px;max-width:580px}.settings-section h3{font-size:15px;margin-bottom:5px;font-weight:600}.settings-section p{font-size:13px;color:var(--text-muted);margin-bottom:14px;line-height:1.65}.wishlist-textarea{width:100%;min-height:160px;padding:11px 13px;border:1px solid var(--border);border-radius:10px;font-size:13px;outline:none;resize:vertical;line-height:1.65;background:#ffffff0a;color:#1e1630}.wishlist-textarea:focus{border-color:var(--border-strong)}.wishlist-textarea::placeholder{color:var(--text-dim)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state .icon{font-size:36px;margin-bottom:12px}.empty-state h3{font-size:14px;margin-bottom:6px;font-weight:500}.empty-state p{font-size:13px;margin-bottom:20px}.section-title{font-size:17px;font-weight:600;margin-bottom:5px}.section-sub{font-size:13px;color:var(--text-muted);margin-bottom:18px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}select option{background:#1e1630;color:#1e1630}body .proj-client,body .proj-level-badge,body .wp-label{color:#4a3010!important}body th{color:#4a3010!important;background:#1e163026!important}body .total-badge,body .total-badge strong,body .period-label{color:#1e1630!important}body .today-btn{color:#3a2a08!important;border-color:#785a1466!important;background:#ffffff80!important}body .nav-btn{color:#3a2a08!important;border-color:#785a144d!important;background:#fff6!important}body .proj-header-name{color:#1e1630!important}body .proj-header-sub{color:#4a3010!important}body .hour-cell{color:#6a4a20!important}body .wp-label{color:#4a3010!important;font-weight:500!important}body td{border-color:#785a1426!important}body .proj-name{color:#1e1630!important}body .proj-client{color:#4a3010!important}body .save-status{color:#2a8a50!important}body .nav-tabs{background:#ffffff1a!important;border-color:#fff3!important}.app-header .nav-tab{color:#ffffffbf!important;background:transparent!important;border:none!important}.app-header .nav-tab.active{color:#fff!important;background:#ffffff38!important;font-weight:600!important}.app-header .nav-tab:hover{color:#fff!important;background:#ffffff1f!important}body th{color:#3a2a08!important}body th div{color:#3a2a08!important;font-weight:600!important}body .hour-cell span{color:#3a2a08!important}body .hour-cell-note{color:#5a3a10!important}body .hour-cell-travel{color:#8a3010!important}body .proj-header-day-total{color:#3a2a08!important}body td{color:#1e1630!important}body .total-row>td{color:#1e1630!important;font-weight:700!important}body .wp-row>td{background:#1e16300f!important}body .proj-client{color:#3a2a08!important}body .proj-level-badge{color:#5a3a10!important}body .hour-cell{color:#4a3010!important}body .total-badge{color:#1e1630!important;font-weight:600!important}body .total-badge strong,body td{color:#1e1630!important}body .level-hint,body .wp-toggle-hint{color:#5a3a10!important}body .wp-toggle-label{color:#3a2008!important}body .add-project-form{background:#fff9!important;border-color:#785a1440!important}body .project-card{background:#ffffffa6!important;border-color:#785a1433!important}body .project-card-body{color:#1e1630!important}body .text-input{background:#fffc!important;color:#1e1630!important;border-color:#785a144d!important}body .text-input::placeholder{color:#50371473!important}body .month-project-card{background:#fff9!important;border-color:#785a1433!important}body .month-card-header,body .section-title{color:#1e1630!important}body .export-btn{color:#3a2a08!important;border-color:#785a144d!important;background:#ffffff80!important}body .level-btn{color:#4a3010!important;border-color:#785a1440!important;background:#fff6!important}body .level-selector .level-btn.active{color:#1e1630!important}body .ghost-btn{color:#3a2a08!important;border-color:#785a144d!important;background:#ffffff80!important}body .primary-btn{background:#f1677733!important;color:#8a1020!important;border-color:#f1677766!important}body .wp-item{background:#1e16301a!important;border-color:#785a1433!important}body .wp-item-name{color:#1e1630!important}body .wp-item-hours{color:#3a2a08!important}body .wp-add-input{background:#ffffffb3!important;color:#1e1630!important;border-color:#785a1440!important}body .login-area-btn{background:#f1677714!important;border-color:#f1677740!important}body .login-area-btn:hover{background:#f167772e!important}body .login-area-btn span:first-of-type{color:#3a2a08!important}body .login-action{color:#8a1020!important;background:#f1677726!important}body .login-status-indicator{background:#dc2626!important;box-shadow:0 0 6px #dc2626!important}body .session-toast.warning{background:#1e1630f2!important;color:#1e1630!important}body .session-toast.error{background:#f16777f2!important;color:#fff!important}body .session-toast.success{background:#4ade80f2!important;color:#1e1630!important}body .user-badge{color:#ffffffe6!important}body .project-card{background:#ffffffbf!important}body [style*="fontSize:13,fontWeight:600"]{color:#1e1630!important}body [style*="klik om te bewerken"]{color:#6a4a20!important}body .level-hint,body .wp-toggle-hint,body [style*="color:'rgba(180,210,255"]{color:#4a3010!important}body [style*="color:'var(--text-muted)'"]{color:#3a2a08!important}body [style*="color:'var(--text-dim)'"]{color:#5a3a10!important}body [style*="color:'var(--text)'"]{color:#1e1630!important}body .drag-handle{color:#8a6a30!important}body .section-title{color:#1e1630!important;font-weight:700!important}body .section-sub{color:#3a2a08!important}body .archive-card{background:#ffffffa6!important;border-color:#785a1433!important}body .archive-card-header{color:#1e1630!important}body .archive-dates{color:#4a3010!important}body .unarchive-btn{color:#3a2a08!important;border-color:#785a144d!important;background:#ffffff80!important}body [style*="color:'rgba(220,232,255,0.7)'"]{color:#1e1630!important}body [style*="color:'rgba(180,210,255,0.4)'"]{color:#4a3010!important}body [style*="color:'rgba(180,210,255,0.28)'"]{color:#5a3a10!important}body [style*="color:'rgba(180,210,255,0.35)'"]{color:#4a3010!important}body [style*="color:'rgba(180,210,255,0.42)'"]{color:#3a2a08!important}body .settings-section{background:#ffffffa6!important;border-color:#785a1433!important}body .settings-section p{color:#3a2a08!important}body .settings-section h3{color:#1e1630!important}body [style*="fontFamily:'monospace'"]{color:#3a2a08!important;background:#fff9!important}body textarea{background:#fffc!important;color:#1e1630!important;border-color:#785a1440!important}body input[type=text],body input[type=date],body select{background:#fffc!important;color:#1e1630!important}body .sync-indicator{background:#2ea04340!important;color:#155724!important;border:1px solid rgba(46,160,67,.5)!important;font-weight:700!important}body [style*="color:'#4ADE80'"]{color:#155724!important;font-weight:600!important}body .app-header button[style]{color:#fff!important}body .team-empty{color:#3a2a08!important}body .team-table-wrap{background:#fff9!important;border-color:#785a1433!important}body .team-table-wrap div{color:#1e1630}body .team-filters select,body .team-filters input[type=date]{background:#fffc!important;color:#1e1630!important;border-color:#785a144d!important}body .team-filters .team-select{background:#ffffffb3!important;color:#1e1630!important;border-color:#785a144d!important}body .team-filter-label,body .team-empty div{color:#3a2a08!important}body .instructions-box{background:#fff9!important;color:#3a2a08!important;border-color:#785a1433!important}body .connection-status.connected{background:#2ea0431a!important;color:#1a6e2e!important;border-color:#2ea04340!important}body .wishlist-textarea{background:#fffc!important;color:#1e1630!important;border-color:#785a1440!important}body .popup-overlay{background:#0006!important}body .popup-box{background:#fdf6e3!important;border-color:#785a144d!important;color:#1e1630!important}body .popup-header{border-color:#785a1433!important}body .popup-header h4{color:#1e1630!important}body .popup-header p{color:#4a3010!important}body .popup-body{color:#1e1630!important}body .popup-field label{color:#4a3010!important}body .popup-field input[type=number],body .popup-field textarea{background:#fffc!important;color:#1e1630!important;border-color:#785a144d!important}body .popup-footer{background:#1e163014!important;border-color:#785a1433!important}body .block-row input[type=number],body .block-row input[type=text]{background:#fffc!important;color:#1e1630!important;border-color:#785a144d!important}body .blocks-total{color:#4a3010!important}body .add-block-btn{color:#4a3010!important;border-color:#785a144d!important}body .reistijd-toggle{background:#f1677714!important}body .reistijd-toggle-label{color:#8a2010!important}body .reistijd-block{background:#f167770f!important}body .reistijd-row input{background:#fffc!important;color:#1e1630!important}body .app-title{color:#ffffffe6!important}body .save-status{color:#6ee7b7!important}body .nav-tab{color:#4a3010!important}body .nav-tab.active{color:#1e1630!important;background:#1e16304d!important}body .nav-tab:hover{color:#1e1630!important}body .total-row>td{color:#3a2a08!important;background:#1e163026!important}body .proj-header-row>td{background:#1e16301f!important}body .week-table-wrap{background:#ffffff8c!important;border-color:#785a1440!important}body table th{border-color:#785a1433!important}.session-warning-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center}.session-warning-modal{background:#1a1d27;border:1px solid #F1677744;border-radius:12px;padding:28px 32px;max-width:400px;width:90%;text-align:center}.session-warning-icon{font-size:40px;margin-bottom:12px}.session-warning-modal h3{color:#edeef4;font-size:18px;margin:0 0 8px}.session-warning-modal p{color:#8e95a3;font-size:14px;line-height:1.6;margin:0 0 20px}.session-warning-actions{display:flex;gap:10px;justify-content:center}.btn-extend{padding:10px 20px;background:#5b8def;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-extend:hover{background:#4a7de0}.btn-logout{padding:10px 20px;background:transparent;color:#8e95a3;border:1px solid #374151;border-radius:8px;font-size:14px;cursor:pointer}.btn-logout:hover{color:#f16777;border-color:#f16777}.pending-mutations-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:#f16777;color:#1e1630;border-radius:8px;font-size:10px;font-weight:700;margin-left:5px;line-height:1}