.login-page{align-items:center;background:var(--bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-bg-pattern{background-image:radial-gradient(circle at 25% 25%,var(--accent) 1px,#0000 1px),radial-gradient(circle at 75% 75%,var(--accent) 1px,#0000 1px);background-size:40px 40px;inset:0;opacity:.03;pointer-events:none;position:absolute}.login-card{animation:loginSlideUp .4s cubic-bezier(.16,1,.3,1);background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 24px #00000014,0 1px 4px #0000000a;max-width:400px;padding:40px 36px 32px;position:relative;width:100%;z-index:1}@keyframes loginSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-logo-ring{animation:loginPulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:50%;height:64px;margin:0 auto 20px;padding:3px;width:64px}@keyframes loginPulse{0%,to{box-shadow:0 0 0 0 #5b8df933}50%{box-shadow:0 0 0 8px #5b8df900}}.login-logo-inner{align-items:center;background:var(--card);border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.login-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent),#8b5cf6);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:900;letter-spacing:-1px}.login-header{margin-bottom:28px;text-align:center}.login-header h1{color:var(--text);font-size:26px;font-weight:800;letter-spacing:-.5px}.login-header .brand-accent{color:var(--accent)}.login-header p{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:1.5px;margin-top:4px;text-transform:uppercase}.login-form{gap:16px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:6px}.login-field label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;transition:color .2s}.login-field--focused label{color:var(--accent)}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--text-dim);flex-shrink:0;left:12px;pointer-events:none;position:absolute;transition:color .2s;z-index:1}.login-field--focused .login-input-icon{color:var(--accent)}.login-field--filled .login-input-icon{color:var(--text-muted)}.login-input-wrap input{background:var(--surface);border:1.5px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:14px;outline:none;padding:12px 14px 12px 38px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.login-input-wrap input:focus{background:var(--card);border-color:var(--accent);box-shadow:0 0 0 3px #5b8df91f}.login-input-wrap input::placeholder{color:var(--text-dim);font-weight:400}.login-eye-btn{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-dim);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:10px;transition:color .2s,background .2s}.login-eye-btn:hover{background:var(--surface);color:var(--text-muted)}.login-options{justify-content:space-between}.login-options,.login-remember{align-items:center;display:flex}.login-remember{color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;gap:8px;-webkit-user-select:none;user-select:none}.login-remember input[type=checkbox]{display:none}.login-checkbox-custom{align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:4px;display:flex;flex-shrink:0;height:16px;justify-content:center;position:relative;transition:all .2s;width:16px}.login-remember input[type=checkbox]:checked+.login-checkbox-custom{background:var(--accent);border-color:var(--accent)}.login-remember input[type=checkbox]:checked+.login-checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;margin-top:-1px;transform:rotate(45deg);width:5px}.login-btn{background:linear-gradient(135deg,var(--accent),#4a7af5);border:none;border-radius:10px;box-shadow:0 2px 8px #5b8df94d;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;margin-top:4px;overflow:hidden;padding:13px;position:relative;transition:transform .15s,box-shadow .2s,opacity .2s}.login-btn:hover{box-shadow:0 4px 16px #5b8df966;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.login-btn-loading{align-items:center;display:flex;gap:8px;justify-content:center}.login-spinner{animation:loginSpin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes loginSpin{to{transform:rotate(1turn)}}.login-footer{margin-top:24px}.login-footer-divider{position:relative;text-align:center}.login-footer-divider:before{background:var(--border);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.login-footer-divider span{background:var(--card);color:var(--text-dim);font-size:10px;font-weight:600;letter-spacing:.5px;padding:0 12px;position:relative}@media (max-width:480px){.login-card{padding:32px 24px 24px}.login-header h1{font-size:22px}.login-logo-ring{height:56px;width:56px}.login-logo-text{font-size:18px}}.dwr-top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.dwr-header{flex-shrink:0;margin-bottom:0}.dwr-header h2{margin:0}.dwr-tabs{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:flex;gap:2px;padding:3px}.dwr-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;transition:all .15s;white-space:nowrap}.dwr-tab:hover{background:var(--bg);color:var(--text)}.dwr-tab--active{background:var(--bg);box-shadow:0 1px 3px #0000000f;color:var(--accent);font-weight:700}.dwr-tab-count{background:var(--accent);border-radius:10px;color:#fff;font-size:10px;font-weight:700;min-width:18px;padding:1px 6px;text-align:center}.dwr-top-actions{margin-left:auto}.dwr-submit-btn{align-items:center;background:var(--accent);border:none;border-radius:7px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:700;gap:6px;padding:7px 16px;transition:transform .15s,box-shadow .15s}.dwr-submit-btn:hover{box-shadow:0 2px 8px #5b8df94d;transform:translateY(-1px)}.dwr-submitted-badge{align-items:center;background:#4ecb7115;border-radius:6px;color:#4ecb71;color:var(--green,#4ecb71);display:inline-flex;font-size:11px;font-weight:700;gap:6px;padding:6px 12px}.dwr-flash{border-radius:6px;font-size:12px;font-weight:600;margin-bottom:8px;padding:8px 14px}.dwr-flash--success{background:#4ecb7115;color:#4ecb71;color:var(--green,#4ecb71)}.dwr-flash--error{background:#e55b5b15;color:#e55b5b;color:var(--red,#e55b5b)}.dwr-quick-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:12px}.dwr-quick-stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px;text-align:center}.dwr-quick-stat-value{color:var(--accent);font-size:22px;font-weight:900}.dwr-quick-stat-label{color:var(--text-dim);font-size:10px;font-weight:700;letter-spacing:.3px;margin-top:2px;text-transform:uppercase}.dwr-today-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.dwr-today-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}.dwr-section-label{color:var(--text-dim);font-size:11px;font-weight:700;letter-spacing:.4px;margin-bottom:8px;text-transform:uppercase}.dwr-stat-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(75px,1fr))}.dwr-stat-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;overflow:hidden;padding:6px 8px;position:relative;text-align:center;transition:border-color .2s}.dwr-stat-card--active{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.dwr-stat-card--active:before{background:var(--accent);content:"";height:2px;left:0;opacity:.5;position:absolute;right:0;top:0}.dwr-stat-icon{font-size:9px;font-weight:900;margin-bottom:1px;opacity:.6}.dwr-stat-value{font-size:16px;font-weight:800}.dwr-stat-value--active{color:var(--accent)}.dwr-stat-value--dim{color:var(--text-dim)}.dwr-stat-label{color:var(--text-muted);font-size:8px;font-weight:700;margin-top:1px;text-transform:uppercase}.dwr-email-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.dwr-email-card{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;display:flex;gap:10px;padding:10px 12px;transition:border-color .2s}.dwr-email-card--active{border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}.dwr-email-card--total{border-style:dashed}.dwr-email-card-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:13px;font-weight:800;height:32px;justify-content:center;width:32px}.dwr-email-card-body{min-width:0}.dwr-email-card-value{color:var(--text-dim);font-size:18px;font-weight:800;line-height:1}.dwr-email-card-name{color:var(--text-muted);font-size:10px;font-weight:700;margin-top:2px;text-transform:uppercase}.dwr-tracker-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:12px;padding:16px}.dwr-tracker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.dwr-tracker-status{font-size:11px;font-weight:700}.dwr-progress-bar-wrap{margin-bottom:12px}.dwr-progress-bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.dwr-progress-fill{border-radius:4px;height:100%;position:relative;transition:width .6s ease}.dwr-progress-fill:after{animation:dwr-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes dwr-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.dwr-progress-labels{color:var(--text-dim);display:flex;font-size:10px;font-weight:600;justify-content:space-between;margin-top:4px}.dwr-time-cards{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dwr-time-card{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:7px;display:flex;gap:8px;padding:8px 10px;transition:border-color .2s}.dwr-time-card:hover{border-color:var(--accent)}.dwr-time-card--remaining{border-style:dashed}.dwr-time-card-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.dwr-time-card-icon--login{background:#5b8df91a;color:var(--accent)}.dwr-time-card-icon--logout{background:#64748b1a;color:var(--text-muted)}.dwr-time-card-icon--active{background:#4ecb711a;color:#4ecb71;color:var(--green,#4ecb71)}.dwr-time-card-icon--idle{background:#e5a84b1a;color:#e5a84b;color:var(--amber,#e5a84b)}.dwr-time-card-icon--break{background:#8b5cf61a;color:#8b5cf6}.dwr-time-card-icon--remaining{background:#e55b5b1a;color:#e55b5b;color:var(--red,#e55b5b)}.dwr-time-card-dot{background:currentColor;border-radius:50%;height:8px;width:8px}.dwr-time-card-body{min-width:0}.dwr-time-card-value{color:var(--text);font-size:13px;font-weight:800;white-space:nowrap}.dwr-time-card-label{color:var(--text-dim);font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.dwr-recent-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.dwr-see-all{align-items:center;background:none;border:none;color:var(--accent);cursor:pointer;display:inline-flex;font-family:inherit;font-size:11px;font-weight:600;gap:4px;padding:0}.dwr-see-all:hover{text-decoration:underline}.dwr-recent-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.dwr-recent-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;padding:12px;transition:border-color .2s,transform .15s}.dwr-recent-card:hover{border-color:var(--accent);transform:translateY(-1px)}.dwr-recent-date{color:var(--text);font-size:13px;font-weight:700;margin-bottom:6px}.dwr-recent-stats{display:flex;gap:8px;margin-bottom:6px}.dwr-recent-stat{font-size:11px;font-weight:700}.dwr-mini-progress{background:var(--border);border-radius:3px;margin-bottom:6px;overflow:hidden}.dwr-mini-progress-fill{border-radius:3px;height:100%;transition:width .4s ease}.dwr-recent-bottom{align-items:center;display:flex;justify-content:space-between}.dwr-recent-hours{color:var(--text-muted);font-size:11px;font-weight:700}.dwr-admin-summary{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.dwr-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px}.dwr-summary-value{color:var(--accent);font-size:20px;font-weight:800}.dwr-summary-label{color:var(--text-dim);font-size:10px;font-weight:700;text-transform:uppercase}.dwr-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.dwr-filter-date{width:140px}.dwr-filter-separator{color:var(--text-dim);font-size:11px}.dwr-filter-status{width:130px}.dwr-filter-clear{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:10px;font-weight:700;padding:5px 10px}.dwr-table-card{overflow:hidden;padding:0}.dwr-table-scroll{max-height:calc(100vh - 200px);overflow:auto}.dwr-table{border-collapse:collapse;font-size:11px;width:100%}.dwr-table thead tr{background:var(--surface);background:var(--surface-2,var(--surface));border-bottom:1px solid var(--border)}.dwr-table th{background:var(--bg);background:var(--surface-2,var(--bg));color:var(--text-dim);font-size:9px;font-weight:700;letter-spacing:.4px;padding:6px 10px;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.dwr-table-row{border-bottom:1px solid var(--border);cursor:pointer}.dwr-table-row:hover{background:var(--surface);background:var(--surface-2,var(--surface))}.dwr-td{padding:5px 10px}.dwr-td--date{font-weight:600}.dwr-td--user{color:var(--text-muted)}.dwr-td--center{font-weight:700;text-align:center}.dwr-td--muted{color:var(--text-muted);text-align:center}.dwr-td--hours{font-weight:600}.dwr-td--expand{color:var(--text-dim);font-size:9px}.dwr-status-badge{border-radius:4px;font-size:10px;font-weight:700;padding:2px 8px}.dwr-expanded-row{border-bottom:1px solid var(--border)}.dwr-expanded-cell{background:var(--surface);padding:10px 16px}.dwr-expanded-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:10px}.dwr-expanded-stat{text-align:center}.dwr-expanded-stat-value{font-size:16px;font-weight:800}.dwr-expanded-stat-label{color:var(--text-muted);font-size:9px;text-transform:uppercase}.dwr-expanded-time-cards{background:var(--bg);border:1px solid var(--border);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;padding:10px 12px}.dwr-expanded-time-item{align-items:center;color:var(--text-muted);display:inline-flex;font-size:12px;gap:6px}.dwr-expanded-time-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.dwr-expanded-time-label{color:var(--text-dim);font-weight:600}.dwr-expanded-time-value{color:var(--text);font-weight:700}.dwr-expanded-emails{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.dwr-expanded-email-label{color:var(--text-dim);font-size:10px;font-weight:700;text-transform:uppercase}.dwr-expanded-email-chip{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:3px;padding:3px 10px}.dwr-notes-section{margin-bottom:8px}.dwr-notes-label{color:var(--text-dim);font-size:10px;font-weight:700;margin-bottom:3px;text-transform:uppercase}.dwr-notes-content{background:var(--bg);border-radius:6px;color:var(--text);font-size:12px;padding:8px 12px;white-space:pre-wrap}.dwr-remarks-label{color:#e5a84b;color:var(--amber,#e5a84b);font-size:10px;font-weight:700;margin-bottom:3px;text-transform:uppercase}.dwr-remarks-content{background:#e5a84b10;border-radius:6px;color:var(--text);font-size:12px;padding:8px 12px}.dwr-review-actions{align-items:center;display:flex;gap:8px;margin-top:8px}.dwr-review-input{flex:1 1;font-size:11px}.dwr-review-btn{border-radius:5px;cursor:pointer;font-family:inherit;font-size:10px;font-weight:700;padding:5px 12px}.dwr-review-btn--reviewed{background:#e5a84b18;border:1px solid #e5a84b;border:1px solid var(--amber,#e5a84b);color:#e5a84b;color:var(--amber,#e5a84b)}.dwr-review-btn--approved{background:#4ecb7118;border:1px solid #4ecb71;border:1px solid var(--green,#4ecb71);color:#4ecb71;color:var(--green,#4ecb71)}.dwr-detail-modal{max-height:90vh;max-width:500px;overflow:auto}.dwr-detail-body{display:flex;flex-direction:column;gap:12px;padding:16px 20px}.dwr-detail-user{color:var(--text);font-size:14px;font-weight:700}.dwr-detail-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.dwr-detail-stat{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px 4px;text-align:center}.dwr-detail-stat-value{color:var(--text-dim);font-size:18px;font-weight:800}.dwr-detail-stat-label{color:var(--text-muted);font-size:8px;font-weight:700;margin-top:2px;text-transform:uppercase}.dwr-detail-emails{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;padding:10px 12px}.dwr-detail-email-item{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px}.dwr-detail-email-total{border-left:1px solid var(--border);padding-left:12px}.dwr-detail-email-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.dwr-detail-time-row{background:var(--surface);border:1px solid var(--border);border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;padding:10px 12px}.dwr-detail-time-row>div{display:flex;flex-direction:column;gap:2px}.dwr-detail-time-label{color:var(--text-dim);font-size:9px;font-weight:700;text-transform:uppercase}.dwr-detail-time-val{color:var(--text);font-size:13px;font-weight:700}.dwr-modal{max-height:90vh;max-width:560px;overflow:auto}.dwr-modal-body{display:flex;flex-direction:column;gap:0;padding:16px 20px}.dwr-modal-step{border-bottom:1px solid var(--border);padding:16px 0}.dwr-modal-step:last-of-type{border-bottom:none}.dwr-modal-step-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.dwr-modal-step-num{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:800;height:24px;justify-content:center;width:24px}.dwr-modal-step-title{color:var(--text);font-size:13px;font-weight:700}.dwr-modal-step-desc{color:var(--text-dim);font-size:11px;margin-top:1px}.dwr-modal-stat-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(4,1fr)}.dwr-modal-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:5px 6px;text-align:center}.dwr-modal-stat-value{font-size:14px;font-weight:800}.dwr-modal-stat-label{color:var(--text-muted);font-size:7px;font-weight:700;text-transform:uppercase}.dwr-modal-email-section{margin-top:10px}.dwr-modal-email-label{color:var(--text-dim);font-size:10px;font-weight:700;margin-bottom:6px;text-transform:uppercase}.dwr-modal-email-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.dwr-modal-email-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 6px;text-align:center}.dwr-modal-email-avatar{align-items:center;border-radius:50%;display:flex;font-size:12px;font-weight:800;height:28px;justify-content:center;margin:0 auto 4px;width:28px}.dwr-modal-email-value{color:var(--text-dim);font-size:16px;font-weight:800}.dwr-modal-email-name{color:var(--text-muted);font-size:8px;font-weight:700;margin-top:1px;text-transform:uppercase}.dwr-modal-tracker{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;display:flex;gap:16px;margin-top:10px;padding:12px}.dwr-modal-tracker-progress{align-items:center;display:flex;flex-shrink:0;gap:10px}.dwr-progress-ring{flex-shrink:0}.dwr-modal-tracker-info{text-align:left}.dwr-modal-tracker-pct{font-size:18px;font-weight:900}.dwr-modal-tracker-subtitle{color:var(--text-dim);font-size:10px;font-weight:600}.dwr-modal-tracker-items{grid-gap:4px 12px;color:var(--text-muted);display:grid;font-size:11px;gap:4px 12px;grid-template-columns:1fr 1fr}.dwr-modal-tracker-item{align-items:center;display:flex;gap:6px}.dwr-modal-tracker-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.dwr-modal-fields{display:flex;flex-direction:column;gap:12px}.dwr-form-label{color:var(--text-dim);display:block;font-size:11px;font-weight:700;margin-bottom:4px}.dwr-form-optional{font-weight:500;opacity:.6;text-transform:none}.dwr-textarea{font-family:inherit;resize:vertical}.dwr-textarea-count{color:var(--text-dim);font-size:10px;margin-top:3px;text-align:right}.dwr-modal-footer{border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;margin-top:4px;padding-top:14px}.dwr-btn-cancel{background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);padding:7px 16px}.dwr-btn-cancel,.dwr-btn-submit{cursor:pointer;font-family:inherit;font-size:12px;font-weight:700}.dwr-btn-submit{background:var(--accent);border:none;border-radius:6px;color:#fff;padding:7px 20px;transition:transform .15s,box-shadow .15s}.dwr-btn-submit:hover{box-shadow:0 2px 8px #5b8df94d;transform:translateY(-1px)}.dwr-btn-submit:disabled{opacity:.6;transform:none}.dwr-btn-spinner{animation:dwr-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes dwr-spin{to{transform:rotate(1turn)}}.dwr-payroll-tab{display:flex;flex-direction:column;gap:12px}.dwr-payroll-month-picker{gap:12px}.dwr-payroll-month-picker,.dwr-payroll-nav{align-items:center;display:flex;justify-content:center}.dwr-payroll-nav{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;height:32px;transition:all .15s;width:32px}.dwr-payroll-nav:hover{border-color:var(--accent);color:var(--accent)}.dwr-payroll-month-label{color:var(--text);font-size:16px;font-weight:800;min-width:180px;text-align:center}.wl-summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.wl-summary-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;display:flex;gap:12px;overflow:hidden;padding:14px 16px;position:relative;transition:box-shadow .15s,border-color .15s}.wl-summary-card:hover{box-shadow:0 2px 8px #0000000f}.wl-summary-bar{bottom:0;height:3px;left:0;opacity:.6;position:absolute;right:0}.wl-summary-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.wl-summary-card--active .wl-summary-icon{background:#4ecb711a;color:#4ecb71;color:var(--green,#4ecb71)}.wl-summary-card--partial .wl-summary-icon{background:#e5a84b1a;color:#e5a84b;color:var(--amber,#e5a84b)}.wl-summary-card--inactive .wl-summary-icon{background:#e55b5b1a;color:#e55b5b;color:var(--red,#e55b5b)}.wl-summary-card--total .wl-summary-icon{background:#5b8df91a;color:#5b8df9;color:var(--accent,#5b8df9)}.wl-summary-body{display:flex;flex-direction:column;gap:1px}.wl-summary-value{font-feature-settings:"tnum";color:var(--text);font-size:22px;font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.wl-summary-label{color:var(--text-dim);font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.wl-date-cell{display:flex;flex-direction:column;gap:1px}.wl-date-main{color:var(--text);font-size:12px;font-weight:600}.wl-date-day{color:var(--text-muted);font-size:10px;font-weight:500}.wl-duration-cell{display:flex;flex-direction:column;gap:4px}.wl-duration-value{font-feature-settings:"tnum";font-size:12px;font-variant-numeric:tabular-nums;font-weight:700}.wl-duration-bar{background:var(--border);border-radius:2px;height:4px;overflow:hidden;width:80px}.wl-duration-bar-fill{border-radius:2px;height:100%;transition:width .3s ease}.wl-status-icon{font-size:10px;margin-right:4px}.dwr-payroll-calendar-card{overflow:hidden;padding:0}.dwr-payroll-calendar-scroll{max-height:calc(100vh - 320px);overflow:auto}.dwr-payroll-table{border-collapse:collapse;font-size:12px;width:100%}.dwr-payroll-table thead tr{background:var(--surface);background:var(--surface-2,var(--surface));border-bottom:1px solid var(--border)}.dwr-payroll-table th{background:var(--bg);background:var(--surface-2,var(--bg));color:var(--text-dim);font-size:9px;font-weight:700;letter-spacing:.4px;padding:8px 12px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:2}.dwr-payroll-row{border-bottom:1px solid var(--border);transition:background .1s}.dwr-payroll-row:hover{background:var(--surface);background:var(--surface-2,var(--surface))}.dwr-payroll-row--future{opacity:.4}.dwr-payroll-row--sunday{background:var(--surface)}.dwr-payroll-row td{padding:7px 12px}.dwr-payroll-td-date{color:var(--text);font-weight:600}.dwr-payroll-td-day{color:var(--text-muted);font-weight:500}.dwr-payroll-td-ded,.dwr-payroll-td-hours{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}.dwr-payroll-status-wrap{align-items:center;display:flex;gap:4px}.dwr-payroll-status{border-radius:4px;display:inline-block;font-size:10px;font-weight:700;padding:2px 8px}.dwr-payroll-override{align-items:center;color:var(--accent);display:inline-flex}@media (max-width:768px){.dwr-today-grid{grid-template-columns:1fr}.dwr-quick-stats,.dwr-recent-list{grid-template-columns:repeat(2,1fr)}.dwr-detail-grid{grid-template-columns:repeat(3,1fr)}.wl-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.dwr-top-bar{align-items:flex-start;flex-direction:column}.dwr-top-actions{margin-left:0}.dwr-time-cards{grid-template-columns:repeat(2,1fr)}.dwr-email-grid{grid-template-columns:1fr}.dwr-modal-tracker{align-items:flex-start;flex-direction:column}.dwr-modal-email-grid{grid-template-columns:repeat(2,1fr)}.dwr-recent-list{grid-template-columns:1fr}.wl-summary-grid{grid-template-columns:1fr 1fr}.wl-summary-value{font-size:18px}}:root{--font-display:"DM Sans",system-ui,sans-serif;--font-body:"DM Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono","SF Mono","Fira Code",monospace;--text-display:2rem;--text-h1:1.5rem;--text-h2:1.125rem;--text-body-lg:1rem;--text-body:0.875rem;--text-caption:0.75rem;--text-micro:0.6875rem;--leading-tight:1.2;--leading-normal:1.5;--leading-loose:1.75;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.05em;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-base) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.animate-slide-right{animation:slideInRight var(--transition-base) ease-out}.page-enter{animation:fadeIn .2s ease-out}.card-hover{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active,button.btn-primary:active,button.btn-secondary:active{transform:scale(.97)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}.stagger-children>*{animation:slideUp var(--transition-base) ease-out both}.stagger-children>:first-child{animation-delay:0ms}.stagger-children>:nth-child(2){animation-delay:30ms}.stagger-children>:nth-child(3){animation-delay:60ms}.stagger-children>:nth-child(4){animation-delay:90ms}.stagger-children>:nth-child(5){animation-delay:.12s}.stagger-children>:nth-child(6){animation-delay:.15s}.stat-pop{animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1)}.popover-enter{animation:scaleIn .15s ease-out;transform-origin:top center}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-link{background:var(--accent);border-radius:0 0 var(--radius-sm) 0;color:#fff;font-size:13px;font-weight:700;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;transition:top var(--transition-fast);z-index:10000}.skip-link:focus{top:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cmdk-backdrop{align-items:flex-start;animation:fadeIn .15s ease-out;background:#00000080;display:flex;inset:0;justify-content:center;padding-top:15vh;position:fixed;z-index:10000}.cmdk-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 16px 60px #0000004d;display:flex;flex-direction:column;max-height:60vh;max-width:95vw;overflow:hidden;width:560px}.cmdk-input-wrap{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:12px 16px}.cmdk-search-icon{color:var(--text-dim);flex-shrink:0;font-size:16px}.cmdk-input{background:#0000;border:none;color:var(--text);flex:1 1;font-family:var(--font-body);font-size:15px;outline:none}.cmdk-input::placeholder{color:var(--text-dim)}.cmdk-spinner{animation:spinnerRotate .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);flex-shrink:0;height:16px;width:16px}.cmdk-results{flex:1 1;overflow-y:auto;padding:8px 0}.cmdk-section{padding:0}.cmdk-section-title{color:var(--text-dim);font-size:10px;font-weight:700;letter-spacing:.05em;padding:8px 16px 4px;text-transform:uppercase}.cmdk-item{align-items:center;color:var(--text);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 16px;transition:background .1s}.cmdk-item.selected,.cmdk-item:hover{background:var(--surface);background:var(--surface-hover,var(--surface))}.cmdk-item.selected{background:var(--accent-bg)}.cmdk-icon{flex-shrink:0;font-size:16px;text-align:center;width:24px}.cmdk-item-text{flex:1 1;min-width:0}.cmdk-title{font-weight:600}.cmdk-subtitle,.cmdk-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk-subtitle{color:var(--text-muted);font-size:11px}.cmdk-empty{color:var(--text-dim);font-size:13px;padding:24px 16px;text-align:center}.cmdk-footer{border-top:1px solid var(--border);color:var(--text-dim);display:flex;font-size:11px;gap:16px;padding:8px 16px}.cmdk-footer kbd{background:var(--surface);border:1px solid var(--border);border-radius:3px;display:inline-block;font-family:var(--font-mono);font-size:10px;margin-right:3px;padding:1px 5px}:root{--row-height:40px;--row-padding:6px 8px;--row-font:12px}[data-density=compact]{--row-height:32px;--row-padding:3px 6px;--row-font:11px}[data-density=cozy]{--row-height:40px;--row-padding:6px 8px;--row-font:12px}[data-density=comfortable]{--row-height:48px;--row-padding:10px 10px;--row-font:13px}.density-table tbody tr{height:40px;height:var(--row-height)}.density-table tbody td{font-size:12px;font-size:var(--row-font);padding:6px 8px;padding:var(--row-padding)}.density-table thead th{font-size:10px;font-size:calc(var(--row-font) - 2px);padding:6px 8px;padding:var(--row-padding)}:root{--sidebar-bg:#1e293b;--sidebar-text:#ffffff8c;--sidebar-text-active:#fff;--sidebar-accent:#60a5fa;--sidebar-border:#ffffff14;--sidebar-hover:#ffffff0d;--sidebar-active-bg:#60a5fa26;--bg:#f1f5f9;--surface:#fff;--surface-hover:#f8fafc;--card:#fff;--border:#e2e8f0;--border-hover:#cbd5e1;--border-active:#3b82f6;--text:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-dim:#94a3b8;--accent:#3b82f6;--accent-hover:#2563eb;--accent-bg:#eef2ff;--accent-border:#c7d2fe;--green:#059669;--green-bg:#ecfdf5;--green-border:#a7f3d0;--amber:#d97706;--amber-bg:#fffbeb;--amber-border:#fde68a;--red:#dc2626;--red-bg:#fef2f2;--red-border:#fecaca;--purple:#7c3aed;--purple-bg:#f5f3ff;--purple-border:#ddd6fe;--cyan:#0284c7;--cyan-bg:#f0f9ff;--cyan-border:#bae6fd;--accent-glow:var(--accent-bg);--green-glow:var(--green-bg);--amber-glow:var(--amber-bg);--red-glow:var(--red-bg);--purple-glow:var(--purple-bg);--cyan-glow:var(--cyan-bg);--shadow-xs:0 1px 2px #00000008;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px #0000000a;--shadow-lg:0 10px 25px #00000014;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition:0.15s ease}[data-theme=dark]{--sidebar-bg:#0f172a;--sidebar-border:#ffffff0f;--bg:#0f172a;--surface:#1e293b;--surface-2:#1e293b;--surface-hover:#334155;--card:#1e293b;--border:#334155;--border-hover:#475569;--border-active:#60a5fa;--text:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-dim:#64748b;--accent:#60a5fa;--accent-hover:#3b82f6;--accent-bg:#60a5fa1f;--accent-border:#60a5fa40;--green-bg:#0596691f;--green-border:#05966940;--amber-bg:#d977061f;--amber-border:#d9770640;--red-bg:#dc26261f;--red-border:#dc262640;--purple-bg:#7c3aed1f;--purple-border:#7c3aed40;--cyan-bg:#0284c71f;--cyan-border:#0284c740;--accent-glow:var(--accent-bg);--green-glow:var(--green-bg);--amber-glow:var(--amber-bg);--red-glow:var(--red-bg);--purple-glow:var(--purple-bg);--cyan-glow:var(--cyan-bg);--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #00000040;--shadow-lg:0 10px 25px #0006}*{box-sizing:border-box;margin:0;padding:0}#root,body,html{background:#f1f5f9;background:var(--bg);color:#0f172a;color:var(--text);min-height:100vh}body{-webkit-font-smoothing:antialiased;font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-normal)}h1{font-size:var(--text-h1);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-h2)}h2,h3{font-weight:var(--weight-semibold)}h3{font-size:var(--text-body-lg)}.text-display{font-size:var(--text-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.text-caption{color:#64748b;color:var(--text-muted);font-size:var(--text-caption)}.text-micro{font-size:var(--text-micro);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-layout{background:#f1f5f9;background:var(--bg);display:flex;min-height:100vh}.sidebar{background:#1e293b;background:var(--sidebar-bg);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;top:0;transition:width .25s ease;width:60px;z-index:100}.sidebar:hover{width:236px}.sidebar .badge,.sidebar .brand-full,.sidebar .brand-subtitle,.sidebar .label,.sidebar .sidebar-footer,.sidebar .sidebar-section-label{opacity:0;overflow:hidden;pointer-events:none;transition:opacity .15s ease,width .25s ease;white-space:nowrap;width:0}.sidebar:hover .badge,.sidebar:hover .brand-full,.sidebar:hover .brand-subtitle,.sidebar:hover .label,.sidebar:hover .sidebar-footer,.sidebar:hover .sidebar-section-label{opacity:1;overflow:visible;pointer-events:auto;width:auto}.brand-collapsed{color:#fff;color:var(--sidebar-text-active);display:block;font-size:18px;font-weight:800;text-align:center;transition:opacity .15s ease}.sidebar:hover .brand-collapsed{display:none}.sidebar-brand{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--sidebar-border);padding:24px 20px 20px}.sidebar-brand h1{color:#fff;color:var(--sidebar-text-active);font-size:20px;font-weight:800;letter-spacing:-.3px}.sidebar-brand h1 .brand-accent{color:#60a5fa;color:var(--sidebar-accent)}.sidebar-brand .brand-subtitle{color:#ffffff40;display:block;font-size:10px;font-weight:500;letter-spacing:1.5px;margin-top:5px;text-transform:uppercase}.sidebar-nav{flex:1 1;overflow-y:auto;padding:12px 10px}.sidebar-section-label{color:#ffffff38;font-size:10px;font-weight:600;letter-spacing:1.5px;padding:16px 12px 6px;text-transform:uppercase}.nav-item{align-items:center;border-left:3px solid #0000;border-radius:8px;border-radius:var(--radius-md);color:#ffffff8c;color:var(--sidebar-text);cursor:pointer;display:flex;gap:0;justify-content:center;margin-bottom:2px;padding:10px 8px;text-decoration:none;transition:all .15s ease;transition:all var(--transition)}.sidebar:hover .nav-item{gap:10px;justify-content:flex-start;padding:10px 12px}.nav-item:hover{background:#ffffff0d;background:var(--sidebar-hover);color:#fffc}.nav-item.active{background:#60a5fa26;background:var(--sidebar-active-bg);border-left-color:#60a5fa;border-left-color:var(--sidebar-accent);color:#fff;color:var(--sidebar-text-active)}.nav-item .icon{flex-shrink:0;font-size:16px;min-width:22px;opacity:1;text-align:center;width:22px}.nav-item .label{font-size:13px;font-weight:500}.nav-item.active .label{font-weight:700}.nav-item .badge{background:#a78bfa33;border-radius:10px;color:#a78bfa;font-size:10px;font-weight:700;margin-left:auto;padding:2px 8px}.sidebar-footer{border-top:1px solid #ffffff14;border-top:1px solid var(--sidebar-border);color:#ffffff2e;font-size:10px;padding:14px 18px}.sidebar-user{align-items:center;color:#fff9;display:flex;font-size:11px;justify-content:space-between;margin-bottom:10px}.logout-btn{background:none;border:1px solid #ffffff26;border-radius:4px;color:#ffffff80;cursor:pointer;font-family:inherit;font-size:10px;font-weight:600;padding:3px 10px;transition:all .15s}.logout-btn:hover{background:#e5585b33;border-color:#e5585b66;color:#e55b5b}.theme-toggle{align-items:center;cursor:pointer;display:flex;gap:8px;padding:4px 0}.theme-toggle-track{background:#ffffff26;border-radius:8px;flex-shrink:0;height:16px;position:relative;transition:background .2s;width:32px}.theme-toggle-track.active{background:#3b82f6;background:var(--accent,#5b8df9)}.theme-toggle-thumb{background:#fff;border-radius:50%;height:12px;left:2px;position:absolute;top:2px;transition:transform .2s;width:12px}.theme-toggle-track.active .theme-toggle-thumb{transform:translateX(16px)}.theme-toggle-label{color:#ffffff80;font-size:10px;font-weight:600}.main-content{background:#f1f5f9;background:var(--bg);flex:1 1;margin-left:60px;min-height:100vh;padding:28px 32px;transition:margin-left .25s ease}.sidebar:hover~.main-content{margin-left:236px}.page-header{margin-bottom:24px}.page-header h2{color:#0f172a;color:var(--text);font-size:24px;font-weight:800;letter-spacing:-.3px}.page-header p{color:#64748b;color:var(--text-muted);font-size:14px;margin-top:3px}.page-header-actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.card{background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #00000008;box-shadow:var(--shadow-xs);padding:20px;transition:box-shadow .15s ease;transition:box-shadow var(--transition)}.card:hover{box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm)}.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #00000008;box-shadow:var(--shadow-xs);display:flex;gap:14px;padding:18px 16px;transition:all .15s ease;transition:all var(--transition)}.stat-card:hover{box-shadow:0 1px 3px #0000000d;box-shadow:var(--shadow-sm)}.stat-card .stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.stat-card .stat-value{font-size:24px;font-weight:800;line-height:1}.stat-card .stat-label{color:#64748b;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.3px;margin-top:3px;text-transform:uppercase}.btn{align-items:center;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 2px #00000008;box-shadow:var(--shadow-xs);color:#334155;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s ease;transition:all var(--transition);white-space:nowrap}.btn:hover{background:#f8fafc;background:var(--surface-hover);border-color:#cbd5e1;border-color:var(--border-hover)}.btn:active{transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.btn-primary{background:#3b82f6;background:var(--accent);border-color:#3b82f6;border-color:var(--accent);box-shadow:0 1px 3px #3b82f64d;color:#fff}.btn-primary:hover{background:#2563eb;background:var(--accent-hover);border-color:#2563eb;border-color:var(--accent-hover)}.btn-success{border-color:#a7f3d0;border-color:var(--green-border);color:#059669;color:var(--green)}.btn-success,.btn-success:hover{background:#ecfdf5;background:var(--green-bg)}.btn-success:hover{filter:brightness(1.1)}.btn-warning{border-color:#fde68a;border-color:var(--amber-border);color:#b45309}.btn-warning,.btn-warning:hover{background:#fffbeb;background:var(--amber-bg)}.btn-warning:hover{filter:brightness(1.1)}.btn-danger{border-color:#fecaca;border-color:var(--red-border);color:#dc2626;color:var(--red)}.btn-danger,.btn-danger:hover{background:#fef2f2;background:var(--red-bg)}.btn-danger:hover{filter:brightness(1.1)}.btn-ai{border-color:#ddd6fe;border-color:var(--purple-border);color:#7c3aed;color:var(--purple)}.btn-ai,.btn-ai:hover{background:#f5f3ff;background:var(--purple-bg)}.btn-ai:hover{filter:brightness(1.1)}.btn-sm{font-size:12px;padding:6px 12px}.btn-xs{border-radius:6px;border-radius:var(--radius-sm);font-size:11px;padding:4px 10px}.input{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#0f172a;color:var(--text);font-family:inherit;font-size:13px;outline:none;padding:9px 14px;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.input:focus{border-color:#3b82f6;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.input::placeholder{color:#94a3b8;color:var(--text-dim)}textarea.input{line-height:1.6;min-height:80px;resize:vertical}select.input{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394A3B8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:32px}.form-group{margin-bottom:16px}.form-label{color:#64748b;color:var(--text-muted);display:block;font-size:11px;font-weight:700;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}.form-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-row-3{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr}.tag{align-items:center;border-radius:6px;border-radius:var(--radius-sm);display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.2px;padding:3px 10px}.tag-blue{background:#eef2ff;background:var(--accent-bg);color:#3b82f6;color:var(--accent)}.tag-green{background:#ecfdf5;background:var(--green-bg);color:#059669;color:var(--green)}.tag-amber{background:#fffbeb;background:var(--amber-bg);color:#b45309}.tag-red{background:#fef2f2;background:var(--red-bg);color:#dc2626;color:var(--red)}.tag-purple{background:#f5f3ff;background:var(--purple-bg);color:#7c3aed;color:var(--purple)}.tag-cyan{background:#f0f9ff;background:var(--cyan-bg);color:#0284c7;color:var(--cyan)}.tag-gray{background:#f1f5f9;background:var(--bg);color:#64748b;color:var(--text-muted)}.stage-new_reply{background:#eef2ff;background:var(--accent-bg);color:#3b82f6;color:var(--accent)}.stage-in_negotiation{background:#fffbeb;background:var(--amber-bg);color:#b45309}.stage-price_agreed{background:#f5f3ff;background:var(--purple-bg);color:#7c3aed;color:var(--purple)}.stage-deal_closed{background:#ecfdf5;background:var(--green-bg);color:#059669;color:var(--green)}.stage-on_hold{background:#f1f5f9;background:var(--bg);color:#64748b;color:var(--text-muted)}.stage-rejected{background:#fef2f2;background:var(--red-bg);color:#dc2626;color:var(--red)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}table th{background:#fff;background:var(--surface);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);color:#94a3b8;color:var(--text-dim);font-size:10px;font-weight:700;letter-spacing:.8px;text-align:left;text-transform:uppercase}table td,table th{padding:11px 14px;white-space:nowrap}table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#334155;color:var(--text-secondary);font-size:13px}table tr:hover td{background:#f8fafc;background:var(--surface-hover)}.pipeline-board{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);min-height:500px}.pipeline-column{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-lg);min-height:400px;padding:14px}.pipeline-column-header{align-items:center;border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:10px}.pipeline-column-title{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.pipeline-column-count{border-radius:10px;font-size:11px;font-weight:700;padding:2px 8px}.pipeline-card{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 2px #00000008;box-shadow:var(--shadow-xs);cursor:pointer;margin-bottom:10px;padding:14px;transition:all .15s ease;transition:all var(--transition)}.pipeline-card:hover{border-color:#3b82f6;border-color:var(--accent);box-shadow:0 4px 6px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.pipeline-card-url{color:#3b82f6;color:var(--accent);font-size:12.5px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-card-blogger{color:#64748b;color:var(--text-muted);font-size:11px;margin-bottom:6px}.pipeline-card-price{font-size:14px;font-weight:700}.pipeline-card-meta{align-items:center;color:#94a3b8;color:var(--text-dim);display:flex;font-size:10px;justify-content:space-between;margin-top:8px}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{animation:slideUp .2s ease;background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 25px #00000014;box-shadow:var(--shadow-lg);max-height:85vh;max-width:700px;overflow-y:auto;padding:28px;width:90%}.modal-lg{max-width:900px}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.modal-header h3{color:#0f172a;color:var(--text);font-size:18px;font-weight:800}.modal-close{align-items:center;background:#f1f5f9;background:var(--bg);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;transition:all .15s ease;transition:all var(--transition);width:34px}.modal-close:hover{background:#e2e8f0;background:var(--border);color:#0f172a;color:var(--text)}.url-copy-cell{align-items:center;border-radius:4px;color:#3b82f6;color:var(--accent,#5b8df9);cursor:pointer;display:inline-flex;font-size:inherit;font-weight:600;gap:2px;line-height:1.4;padding:2px 6px;text-decoration:none;transition:background .12s,color .12s}.url-copy-cell:hover{background:#eef2ff;background:var(--accent-bg,#5b8df914)}.url-copy-cell.url-copied{background:#4ecb7114;color:#059669;color:var(--green,#4ecb71)}.url-copy-tick{flex-shrink:0;font-size:11px;font-weight:800;transition:opacity .15s}.ai-panel{background:#f5f3ff;background:var(--purple-bg);border:1px solid #ddd6fe;border:1px solid var(--purple-border);border-radius:12px;border-radius:var(--radius-lg);margin-top:16px;padding:18px}.ai-panel-header{align-items:center;color:#7c3aed;color:var(--purple);display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:12px}.ai-message{background:#fff;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);color:#334155;color:var(--text-secondary);font-size:13px;line-height:1.7;margin-bottom:10px;padding:14px;white-space:pre-wrap}.ai-input-row{display:flex;gap:8px;margin-top:10px}.dupe-result{border-radius:12px;border-radius:var(--radius-lg);margin-top:12px;padding:16px}.dupe-result.clean{background:#ecfdf5;background:var(--green-bg);border:1px solid #a7f3d0;border:1px solid var(--green-border)}.dupe-result.found{background:#fef2f2;background:var(--red-bg);border:1px solid #fecaca;border:1px solid var(--red-border)}.dupe-db-check{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;font-size:13px;gap:10px;padding:8px 0}.dupe-db-check:last-child{border-bottom:none}.tabs{background:#e2e8f0;background:var(--border);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:2px;margin-bottom:16px;padding:3px}.tab{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#64748b;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 18px;transition:all .15s ease;transition:all var(--transition)}.tab:hover{color:#334155;color:var(--text-secondary)}.tab.active{background:#fff;background:var(--surface);box-shadow:0 1px 2px #00000008;box-shadow:var(--shadow-xs);color:#0f172a;color:var(--text)}.empty-state{color:#94a3b8;color:var(--text-dim);padding:56px 24px;text-align:center}.empty-state p{font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.pipeline-board{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.sidebar,.sidebar:hover{width:60px}.sidebar .label,.sidebar-brand .brand-subtitle,.sidebar-footer,.sidebar-section-label{display:none}.sidebar-brand h1{font-size:14px;text-align:center}.main-content{padding:16px}.main-content,.sidebar:hover~.main-content{margin-left:60px}.pipeline-board{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row,.form-row-3{grid-template-columns:1fr}.page-header-actions{align-items:stretch;flex-direction:column}}@media (max-width:480px){.pipeline-board,.stats-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.1eefb88d.css.map*/