.login-page{z-index:9999;background:#050507;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.login-bg{pointer-events:none;position:absolute;inset:0}.login-grid{background-image:linear-gradient(#34d39908 1px,#0000 1px),linear-gradient(90deg,#34d39908 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 20%,#0000 70%);mask-image:radial-gradient(#000 20%,#0000 70%)}.login-glow{filter:blur(120px);opacity:.4;border-radius:50%;animation:8s ease-in-out infinite login-float;position:absolute}.login-glow-1{background:#34d39914;width:400px;height:400px;top:10%;left:20%}.login-glow-2{background:#3b82f60f;width:300px;height:300px;animation-direction:reverse;animation-delay:-4s;bottom:20%;right:15%}.login-scanline{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);position:absolute;inset:0}@keyframes login-float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-20px)scale(1.05)}50%{transform:translate(-10px,30px)scale(.95)}75%{transform:translate(-30px,-10px)scale(1.02)}}.login-container{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);opacity:0;background:#111114cc;border:1px solid #ffffff0f;border-radius:20px;width:100%;max-width:400px;padding:48px 40px;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(20px)scale(.98);box-shadow:0 0 80px #00000080,inset 0 0 0 1px #34d3990d}.login-container.login-mounted{opacity:1;transform:translateY(0)scale(1)}.login-header{text-align:center;margin-bottom:32px}.login-logo{justify-content:center;margin-bottom:20px;display:flex}.login-logo-ring{border:2px solid #34d39933;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:3s ease-in-out infinite login-ring-pulse;display:flex;position:relative}.login-logo-ring:before{content:"";border:1px solid #34d39914;border-top-color:#34d3994d;border-radius:50%;animation:12s linear infinite login-ring-rotate;position:absolute;inset:-6px}.login-logo-core{color:#34d399;letter-spacing:-1px;background:linear-gradient(135deg,#34d39926,#34d3990d);border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:900;display:flex}@keyframes login-ring-pulse{0%,to{border-color:#34d39933;box-shadow:0 0 #34d39900}50%{border-color:#34d39966;box-shadow:0 0 24px #34d3991a}}@keyframes login-ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-title{letter-spacing:-1px;color:#fff;margin-bottom:6px;font-size:28px;font-weight:900}.login-subtitle{letter-spacing:2px;text-transform:uppercase;color:#52525b;font-size:11px;font-weight:600}.login-error,.login-success{border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:12px;font-weight:500;animation:.3s ease-out login-shake;display:flex}.login-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444426}.login-success{color:#6ee7b7;background:#34d39914;border:1px solid #34d39926}.login-error-icon{flex-shrink:0;font-size:14px}@keyframes login-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-label{letter-spacing:1.5px;text-transform:uppercase;color:#71717a;font-size:10px;font-weight:700}.login-input{color:#fff;background:#09090bcc;border:1px solid #ffffff0f;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.login-input:focus{border-color:#34d39966;box-shadow:0 0 0 3px #34d39914,0 0 20px #34d3990d}.login-input::placeholder{color:#27272a}.login-btn-primary{color:#000;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#34d399,#22c55e);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px;font-size:12px;font-weight:800;transition:all .2s;display:flex}.login-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 24px #34d39940}.login-btn-primary:active:not(:disabled){transform:translateY(0)}.login-btn-primary:disabled{opacity:.5;cursor:not-allowed}.login-spinner{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite login-spin}@keyframes login-spin{to{transform:rotate(360deg)}}.login-divider{align-items:center;gap:16px;margin:24px 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff0f;flex:1;height:1px}.login-divider span{letter-spacing:1px;text-transform:uppercase;color:#3f3f46;font-size:10px;font-weight:600}.login-btn-google{color:#a1a1aa;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.login-btn-google:hover:not(:disabled){color:#fff;background:#ffffff0f;border-color:#ffffff1f}.login-btn-google:disabled{opacity:.5;cursor:not-allowed}.login-footer{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:28px;display:flex}.login-footer-dot{color:#27272a;font-size:10px}.login-link{color:#52525b;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:500;transition:color .2s}.login-link:hover{color:#34d399}.login-version{text-align:center;letter-spacing:1.5px;text-transform:uppercase;color:#1e1e24;margin-top:32px;font-size:9px;font-weight:600}.user-avatar-btn{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:8px;padding:4px 12px 4px 4px;transition:all .2s;display:flex;position:relative}.user-avatar-btn:hover{background:#ffffff0f;border-color:#ffffff1a}.user-avatar{color:#34d399;background:linear-gradient(135deg,#34d39933,#34d3990d);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:flex;overflow:hidden}.user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-name{letter-spacing:.5px;color:#a1a1aa;font-size:10px;font-weight:600}.user-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;opacity:0;pointer-events:none;background:#111114f2;border:1px solid #ffffff14;border-radius:12px;min-width:200px;padding:8px;transition:all .15s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px)scale(.97);box-shadow:0 8px 32px #00000080}.user-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.user-dropdown-header{border-bottom:1px solid #ffffff0a;margin-bottom:4px;padding:12px}.user-dropdown-email{color:#71717a;word-break:break-all;font-size:11px}.user-dropdown-name{color:#fff;margin-bottom:2px;font-size:13px;font-weight:600}.user-dropdown-item{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.user-dropdown-item:hover{color:#fff;background:#ffffff0a}.user-dropdown-item.danger:hover{color:#fca5a5;background:#ef444414}.auth-loading{z-index:9999;background:#050507;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.auth-loading-ring{border:2px solid #34d3991a;border-top-color:#34d399;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite login-spin}.auth-loading-text{letter-spacing:3px;text-transform:uppercase;color:#3f3f46;font-size:10px;font-weight:700}@media (max-width:480px){.login-container{margin:20px;padding:36px 28px}.login-footer{flex-direction:column;gap:12px}.login-footer-dot{display:none}}
.dash{flex-direction:column;gap:24px;max-width:720px;min-height:calc(100vh - 56px);margin:0 auto;padding:24px 24px 48px;display:flex}.dash-status{background:#11111480;border:1px solid #ffffff0a;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.dash-status-sites{flex-wrap:wrap;gap:16px;display:flex}.dash-status-site{align-items:center;gap:6px;text-decoration:none;transition:opacity .15s;display:flex}.dash-status-site:hover{opacity:.7}.dash-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dash-status-name{color:#a1a1aa;letter-spacing:.2px;font-size:11px;font-weight:600}.dash-status-metric{color:#52525b;margin-left:2px;font-size:10px;font-weight:700}.dash-status-trend{margin-left:3px;font-size:9px;font-weight:800}.dash-status-trend.up{color:#34d399}.dash-status-trend.down{color:#ef4444}.dash-status-totals{color:#3f3f46;gap:14px;font-size:10px;font-weight:500;display:flex}.dash-status-totals strong{color:#71717a;font-weight:700}.dash-rollup{background:#11111466;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.dash-rollup-header{background:#0003;border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:12px 16px;display:flex}.dash-rollup-title{letter-spacing:1px;text-transform:uppercase;color:#fff;font-size:11px;font-weight:800}.dash-rollup-subtitle{color:#52525b;font-size:10px;font-weight:600}.dash-rollup-list{flex-direction:column;display:flex}.dash-rollup-item{border-bottom:1px solid #ffffff05;border-left:3px solid #0000;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s;display:flex}.dash-rollup-item:hover{background:#ffffff08}.dash-rollup-item:last-child{border-bottom:none}.dash-rollup-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.dash-rollup-project{letter-spacing:1.5px;text-transform:uppercase;flex-shrink:0;width:90px;font-size:9px;font-weight:800}.dash-rollup-text{color:#d4d4d8;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:600;overflow:hidden}.dash-rollup-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.dash-rollup-item:hover .dash-id-copy.small{opacity:1}.dash-rollup-check{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.dash-rollup-check:hover .dash-queue-checkbox{background:#34d3991a;border-color:#34d399}.dash-focus-area{flex-direction:column;gap:12px;display:flex}.dash-focus-header{justify-content:space-between;align-items:center;display:flex}.dash-focus-label{letter-spacing:1.5px;text-transform:uppercase;color:#fff;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.dash-focus-pulse{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite focusPulse;box-shadow:0 0 8px #34d39966}@keyframes focusPulse{0%,to{opacity:1}50%{opacity:.4}}.dash-time-mode{letter-spacing:.5px;text-transform:none;color:#52525b;background:#ffffff08;border-radius:6px;align-items:center;gap:6px;margin-left:8px;padding:3px 10px;font-size:10px;font-weight:600;display:flex}.dash-time-hint{color:#3f3f46;border-left:1px solid #ffffff0f;padding-left:6px;font-size:9px;font-weight:500}.dash-focus-progress{align-items:center;gap:8px;display:flex}.dash-focus-progress-text{color:#52525b;font-size:11px;font-weight:700;font-family:var(--tars-font-mono)}.dash-focus-progress-bar{background:#ffffff0f;border-radius:2px;width:60px;height:3px;overflow:hidden}.dash-focus-progress-fill{background:#34d399;border-radius:2px;height:100%;transition:width .6s}.dash-focus-card{background:#111114b3;border:1px solid #ffffff0f;border-radius:16px;align-items:stretch;transition:all .2s;display:flex;position:relative;overflow:hidden}.dash-focus-card:hover{border-color:#ffffff1a;box-shadow:0 4px 30px #0000004d}.dash-focus-project-accent{flex-shrink:0;width:4px}.dash-focus-content{flex-direction:column;flex:1;gap:10px;padding:24px;display:flex}.dash-focus-project-row{align-items:center;gap:8px;display:flex}.dash-focus-project-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dash-focus-project-name{letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:800}.dash-focus-goal{color:#52525b;margin-left:4px;font-size:10px;font-weight:500}.dash-focus-task-row{align-items:center;gap:10px;display:flex}.dash-focus-task{color:#fff;margin:0;font-size:18px;font-weight:700;line-height:1.35}.dash-id-copy{color:#3f3f46;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:11px;transition:all .15s;display:flex;position:relative}.dash-id-copy:hover{color:#71717a;background:#ffffff0f;border-color:#ffffff1a}.dash-id-copy.copied{color:#34d399;background:#34d3991a;border-color:#34d39933}.dash-id-copy.copied:after{content:"Copied!";color:#34d399;white-space:nowrap;pointer-events:none;background:#111114f2;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:700;animation:1.2s ease-out copyFade;position:absolute;top:-24px;left:50%;transform:translate(-50%)}@keyframes copyFade{0%{opacity:0;transform:translate(-50%)translateY(4px)}20%{opacity:1;transform:translate(-50%)translateY(0)}80%{opacity:1}to{opacity:0}}.dash-id-icon{font-size:10px}.dash-id-label{font-size:9px;font-weight:700;font-family:var(--tars-font-mono);letter-spacing:.5px}.dash-id-copy.small{opacity:0;background:0 0;border:none;padding:1px 4px;font-size:9px;transition:opacity .15s}.dash-queue-item-top:hover .dash-id-copy.small,.dash-id-copy.small:hover{opacity:1}.dash-id-copy.small.copied{opacity:1;background:0 0;border:none}.dash-focus-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dash-focus-tag{letter-spacing:.8px;text-transform:uppercase;border-radius:5px;padding:3px 8px;font-size:9px;font-weight:700}.dash-focus-tag.physical{color:#fbbf24;background:#f59e0b1a}.dash-focus-tag.digital{color:#60a5fa;background:#3b82f61a}.dash-focus-time,.dash-focus-where{color:#52525b;font-size:11px;font-weight:500}.dash-focus-steps{background:#0000004d;border-radius:10px;flex-direction:column;gap:6px;margin-top:6px;padding:12px 14px;display:flex}.dash-focus-step{color:#71717a;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.dash-focus-step-num{color:#3f3f46;min-width:16px;font-size:10px;font-weight:700;font-family:var(--tars-font-mono)}.dash-focus-complete{color:#000;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:linear-gradient(#34d399,#22c55e);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:14px 24px;font-size:11px;font-weight:800;transition:all .2s;display:flex}.dash-focus-complete:hover{transform:translateY(-1px);box-shadow:0 4px 20px #34d39940}.dash-focus-actions{flex-direction:column;flex-shrink:0;justify-content:center;align-self:stretch;gap:6px;padding:8px;display:flex}.dash-focus-skip{color:#3f3f46;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;padding:8px 16px;font-size:10px;font-weight:700;transition:all .15s}.dash-focus-skip:hover{color:#71717a;background:#ffffff0f;border-color:#ffffff1a}.dash-focus-chips{flex-wrap:wrap;gap:6px;display:flex}.dash-chip{color:#3f3f46;letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:9px;font-weight:700;transition:all .15s;display:flex}.dash-chip:hover{color:#71717a;background:#ffffff0a}.dash-chip.active{border-width:1.5px}.dash-chip-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.dash-focus-empty{color:#34d399;background:#11111466;border:1px solid #34d3991a;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:48px;font-size:14px;font-weight:600;display:flex}.dash-focus-empty-icon{font-size:28px}.dash-queue{border:1px solid #ffffff0a;border-radius:12px;overflow:hidden}.dash-queue-toggle{cursor:pointer;background:#11111466;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;transition:all .15s;display:flex}.dash-queue-toggle:hover{background:#111114b3}.dash-queue-label{color:#52525b;letter-spacing:.5px;font-size:11px;font-weight:600}.dash-queue-chevron{color:#3f3f46;font-size:10px;transition:transform .2s}.dash-queue-chevron.open{transform:rotate(90deg)}.dash-queue-list{border-top:1px solid #ffffff0a;flex-direction:column;display:flex}.dash-queue-item{border-bottom:1px solid #ffffff05;align-items:flex-start;gap:10px;padding:10px 16px;transition:background .1s;display:flex}.dash-queue-item:hover{background:#ffffff05}.dash-queue-item:last-child{border-bottom:none}.dash-queue-check{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 0 0}.dash-queue-checkbox{border:1.5px solid #ffffff1a;border-radius:4px;width:14px;height:14px;transition:all .15s;display:block}.dash-queue-check:hover .dash-queue-checkbox{background:#34d3991a;border-color:#34d399}.dash-queue-info{flex:1;min-width:0}.dash-queue-item-top{align-items:flex-start;gap:8px;display:flex}.dash-queue-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px}.dash-queue-text{color:#d4d4d8;font-size:12px;font-weight:500;line-height:1.4}.dash-queue-item-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:3px;padding-left:14px;display:flex}.dash-queue-tag{font-size:9px}.dash-queue-time,.dash-queue-where{color:#3f3f46;font-size:10px;font-weight:500}.dash-queue-steps-btn{color:#3f3f46;cursor:pointer;background:0 0;border:none;padding:0;font-size:10px;font-weight:600;transition:color .15s}.dash-queue-steps-btn:hover{color:#71717a}.dash-queue-steps{background:#0003;border-radius:8px;flex-direction:column;gap:3px;margin-top:6px;padding:8px 10px 8px 14px;display:flex}.dash-queue-step-item{color:#52525b;gap:6px;font-size:11px;line-height:1.5;display:flex}.dash-queue-step-num{color:#3f3f46;font-weight:600;font-family:var(--tars-font-mono);min-width:14px}.dash-actions{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.dash-action-card{background:#11111480;border:1px solid #ffffff0a;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;text-decoration:none;transition:all .15s;display:flex;position:relative}.dash-action-card:hover{background:#111114cc;border-color:#ffffff14;transform:translateY(-1px)}.dash-action-card.publish:hover{border-color:#34d39933}.dash-action-card.media:hover{border-color:#fb923c33}.dash-action-card.celf:hover{border-color:#facc1533}.dash-action-card.sites:hover{border-color:#38bdf833}.dash-action-icon{font-size:20px}.dash-action-label{letter-spacing:1px;text-transform:uppercase;color:#71717a;font-size:10px;font-weight:700}.dash-action-badge{color:#34d399;letter-spacing:.5px;background:#34d39926;border-radius:6px;padding:2px 7px;font-size:9px;font-weight:800;position:absolute;top:8px;right:8px}.dash-external{flex-wrap:wrap;justify-content:center;gap:4px;padding:0 8px;display:flex}.dash-ext-link{border-radius:8px;align-items:center;gap:4px;padding:6px 10px;text-decoration:none;transition:all .15s;display:flex}.dash-ext-link:hover{background:#ffffff0a}.dash-ext-icon{font-size:12px}.dash-ext-name{color:#3f3f46;letter-spacing:.3px;font-size:10px;font-weight:600}.dash-ext-link:hover .dash-ext-name{color:#71717a}.dash-ext-internal{background:#c084fc0a;border:1px solid #c084fc1f}.dash-ext-internal:hover{background:#c084fc14;border-color:#c084fc33}.dash-ext-internal .dash-ext-name{color:#a78bfa}.dash-ext-internal:hover .dash-ext-name{color:#c4b5fd}@media (max-width:640px){.dash{padding:16px}.dash-status{flex-direction:column;align-items:flex-start}.dash-actions{grid-template-columns:repeat(2,1fr)}.dash-focus-complete{writing-mode:horizontal-tb;padding:12px 24px}.dash-focus-card{flex-direction:column}.dash-focus-project-accent{width:100%;height:3px}.dash-focus-actions{flex-direction:row;padding:8px 12px}}
