:root{color-scheme:light;font-family:Manrope,Segoe UI,sans-serif;--font-display: "Sora", "Manrope", sans-serif;--ink: #0f1b2b;--ink-strong: #17283a;--ink-soft: #2a3b4d;--muted: #607181;--muted-2: #8493a2;--surface: #f4f1ec;--surface-2: #efe9e2;--card: rgba(255, 255, 255, .88);--card-strong: #ffffff;--border: rgba(19, 32, 49, .12);--shadow: 0 20px 45px rgba(16, 24, 36, .12);--shadow-soft: 0 12px 24px rgba(16, 24, 36, .08);--teal: #1f9d8c;--teal-dark: #137567;--amber: #e29a3a;--orange: #e77e4a;--sky: #2f7db6;--slate: #38526a;--danger: #d64f4a;--success: #2f9a68;--warning: #d9921d;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at top,rgba(255,240,220,.6),transparent 55%),radial-gradient(circle at 20% 20%,rgba(49,125,182,.2),transparent 40%),linear-gradient(135deg,#f6f1ea,#eef2f4,#f2eee6);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(135deg,rgba(15,27,43,.04) 1px,transparent 1px),linear-gradient(45deg,rgba(15,27,43,.02) 1px,transparent 1px);background-size:40px 40px;opacity:.7;pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:.95rem}input[type=checkbox]{accent-color:var(--teal);width:18px;height:18px}img{max-width:100%;display:block}.admin-shell{display:flex;min-height:100vh;gap:0}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#09101a80;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:15}.sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.sidebar-panel{width:300px;padding:28px 24px;background:linear-gradient(165deg,#0f1b2b,#15273b 60%,#1b344b);color:#f5f1ea;display:flex;flex-direction:column;gap:24px;height:100vh;overflow-y:auto;position:sticky;top:0;z-index:20;transition:transform .25s ease}.brand-block{display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:center}.brand-mark{height:50px;width:50px;border-radius:16px;background:linear-gradient(135deg,#f2c879,#f08f59);color:#1c2b3a;display:grid;place-items:center;font-weight:700;font-family:var(--font-display);letter-spacing:.06em}.brand-title{font-family:var(--font-display);font-size:1rem;margin:6px 0 0;color:#f6efe8;line-height:1.4}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;color:var(--muted-2);margin:0 0 8px}.sidebar-nav{display:grid;gap:10px}.nav-link{border:none;background:#ffffff0f;color:#f4f0ea;padding:12px 14px;border-radius:14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform .2s ease,background .2s ease}.nav-link i{width:18px}.nav-link:hover{transform:translate(4px);background:#ffffff1f}.nav-link.active{background:linear-gradient(135deg,#f2c879e6,#f08f59e6);color:#192737;font-weight:700}.sidebar-foot{margin-top:auto;display:grid;gap:16px}.support-card{background:#ffffff14;border-radius:16px;padding:14px;font-size:.85rem;line-height:1.5;color:#f4f0ea}.support-label{margin:0 0 8px;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:#fff9}.logout-button{border:none;background:#ffffff1f;color:#f9f6f1;padding:12px 14px;border-radius:12px;display:flex;align-items:center;gap:10px;cursor:pointer}.sidebar-panel.is-collapsed{width:84px;padding:28px 16px}.sidebar-panel.is-collapsed .brand-block{grid-template-columns:1fr;place-items:center}.sidebar-panel.is-collapsed .nav-link{justify-content:center;padding:12px}.sidebar-panel.is-collapsed .nav-link i{margin:0}.sidebar-panel.is-collapsed .logout-button{justify-content:center;padding:12px}.collapse-toggle-button{border:none;background:#ffffff0f;color:#f4f0ea;width:100%;padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.collapse-toggle-button:hover{background:#ffffff1f}.shell-main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{padding:26px 36px 10px;display:flex;justify-content:space-between;gap:24px;align-items:center}.topbar-main{display:flex;align-items:center;gap:16px}.menu-button{border:none;background:#fff;height:40px;width:40px;border-radius:12px;display:none;box-shadow:var(--shadow-soft);cursor:pointer}.page-title{margin:6px 0;font-family:var(--font-display);font-size:1.5rem}.page-subtitle{margin:0;color:var(--muted);max-width:540px}.topbar-meta{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.notif-wrap,.notif-button{position:relative}.notif-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#e24c4c;color:#fff;font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:2px solid #ffffff}.notif-panel{position:absolute;right:0;top:calc(100% + 10px);width:320px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);z-index:20;display:grid;gap:12px;padding:14px}.notif-head{display:flex;justify-content:space-between;align-items:center}.notif-list{display:grid;gap:10px;max-height:280px;overflow-y:auto;padding-right:6px}.notif-item{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:#f9fafb}.notif-title{margin:0 0 4px;font-weight:600;font-size:.9rem}.notif-meta{margin:0;font-size:.78rem;color:var(--muted-2)}.notif-empty{font-size:.85rem;color:var(--muted);padding:6px 4px}.status-pill{background:#fff;border-radius:999px;padding:6px 14px;display:flex;gap:8px;align-items:center;box-shadow:var(--shadow-soft);font-size:.85rem}.status-dot{width:10px;height:10px;border-radius:999px;background:var(--success);box-shadow:0 0 0 4px #2f9a6826}.availability-dot{width:8px;height:8px;border-radius:999px;background:var(--danger);box-shadow:0 0 0 4px #d64f4a1f;flex:0 0 auto}.plan-name{display:flex;align-items:center;gap:8px}.badge-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.user-chip{display:flex;gap:12px;align-items:center;background:#fff;padding:6px 14px;border-radius:16px;box-shadow:var(--shadow-soft)}.user-avatar{height:38px;width:38px;border-radius:14px;background:linear-gradient(135deg,#2f7db6,#1f9d8c);color:#fff;display:grid;place-items:center;font-weight:700}.user-name{margin:0;font-weight:600}.user-email{margin:0;font-size:.78rem;color:var(--muted-2)}.page-frame{padding:0 36px 48px;animation:fadeUp .4s ease}.page-stack{display:grid;gap:22px}.hero-band{background:linear-gradient(120deg,#ffffffe6,#eff1f6e6);border-radius:var(--radius-lg);padding:28px;display:flex;justify-content:space-between;gap:22px;box-shadow:var(--shadow);border:1px solid var(--border)}.hero-actions{display:grid;gap:12px;align-content:center}.section-copy{color:var(--muted);max-width:520px}.metric-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.metric-card{background:var(--card);border-radius:var(--radius-md);padding:18px;display:flex;gap:16px;align-items:center;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.metric-card h4{margin:6px 0;font-family:var(--font-display);font-size:1.2rem}.metric-label{margin:0;color:var(--muted);font-size:.85rem}.metric-note{margin:0;color:var(--muted-2);font-size:.78rem}.metric-icon{height:44px;width:44px;border-radius:14px;display:grid;place-items:center;color:#fff}.tone-blue .metric-icon{background:linear-gradient(135deg,#3a7bd5,#00d2ff)}.tone-green .metric-icon{background:linear-gradient(135deg,#1f9d8c,#2f9a68)}.tone-orange .metric-icon{background:linear-gradient(135deg,#f08f59,#f2c879)}.tone-ink .metric-icon{background:linear-gradient(135deg,#1f2a3a,#485b70)}.content-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.panel{background:var(--card);border-radius:var(--radius-lg);padding:22px;border:1px solid var(--border);box-shadow:var(--shadow-soft);display:grid;gap:16px}.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.panel h3{margin:8px 0 0;font-family:var(--font-display)}.action-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-tile{border:1px solid var(--border);background:#fff;border-radius:16px;padding:16px;display:grid;gap:8px;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.action-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.action-tile--dashboard{gap:12px}.action-tile-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.action-tile-title{display:inline-flex;align-items:center;gap:10px}.action-tile-title i{color:var(--sky)}.action-tile-sub{margin:0;color:var(--muted);font-size:.88rem;line-height:1.5}.action-tile-progress{height:10px}.action-tile-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted-2);font-size:.78rem}.feed-list{display:grid;gap:12px}.feed-row{background:#fff;border-radius:14px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--border)}.feed-title{margin:0;font-weight:600}.feed-subtitle{margin:0;color:var(--muted-2);font-size:.85rem}.feed-meta{text-align:right;display:grid;gap:2px}.feed-status{display:grid;gap:8px;justify-items:end}.feed-actions{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.resolve-button{border:1px solid var(--border);background:#fff;color:var(--ink);padding:6px 10px;border-radius:10px;font-size:.75rem;font-weight:600;cursor:pointer}.resolve-button.success{border-color:#2f9a684d;background:#2f9a681f;color:var(--success)}.resolve-button.failed{border-color:#d64f4a4d;background:#d64f4a1f;color:var(--danger)}.resolve-button:disabled{opacity:.6;cursor:not-allowed}.badge{padding:6px 10px;border-radius:999px;font-size:.75rem;text-transform:capitalize;background:#2f9a6826;color:var(--success);font-weight:600}.badge-failed,.badge-cancelled,.badge-error{background:#d64f4a26;color:var(--danger)}.badge-pending,.badge-processing{background:#e29a3a33;color:var(--warning)}.badge-success{background:#2f9a6826;color:var(--success)}.badge-info{background:#2f7db626;color:var(--sky)}.empty-panel{background:#ffffffb3;border:1px dashed var(--border);border-radius:16px;padding:22px;text-align:center;color:var(--muted)}.empty-panel.compact{padding:16px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.login-hero{padding:60px;display:grid;gap:28px}.login-copy h1{margin:10px 0;font-family:var(--font-display);font-size:clamp(2rem,3vw,3rem)}.hero-text{color:var(--muted);max-width:520px}.hero-metrics{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.hero-card{background:#fffc;border-radius:18px;padding:16px;border:1px solid var(--border);box-shadow:var(--shadow-soft)}.login-panel{display:grid;place-items:center;padding:40px;background:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-card{width:min(420px,100%);background:#fff;border-radius:24px;padding:28px;box-shadow:var(--shadow);display:grid;gap:20px}.login-subtext{color:var(--muted);margin:6px 0 0}.form-alert{padding:12px;border-radius:12px;font-size:.9rem}.form-alert.danger{background:#d64f4a1f;color:var(--danger)}.login-form,.form-grid{display:grid;gap:14px}.inline-tags{display:flex;flex-wrap:wrap;gap:10px}.chip-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--ink-soft);font-size:.85rem}.chip-toggle input{margin:0}.field-group{display:grid;gap:6px;font-size:.85rem;color:var(--muted)}.field-group.inline{grid-template-columns:1fr}.field-group input,.field-group select,.field-group textarea{padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#fff}.password-shell{display:flex;gap:8px;align-items:center}.password-shell input{flex:1}.icon-button{border:none;background:#f1f4f7;padding:10px 12px;border-radius:10px;cursor:pointer}.primary-button,.secondary-button,.ghost-button{border:none;border-radius:14px;padding:12px 16px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-weight:600}.primary-button{background:linear-gradient(135deg,#1f9d8c,#2f7db6);color:#fff;box-shadow:var(--shadow-soft)}.primary-button:disabled{opacity:.65;cursor:not-allowed}.secondary-button{background:#fff;color:var(--ink);border:1px solid var(--border)}.ghost-button{background:transparent;border:1px dashed var(--border);color:var(--ink-soft)}.full-width{width:100%;justify-content:center}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.setting-card{background:#fff;border-radius:18px;padding:16px;border:1px solid var(--border);display:flex;justify-content:space-between;gap:12px;align-items:center}.setting-card.column{flex-direction:column;align-items:stretch}.detail-list,.status-list{display:grid;gap:10px;margin:0;padding:0;list-style:none;color:var(--muted)}.status-row{display:flex;justify-content:space-between;gap:12px;background:#fff;padding:12px;border-radius:14px;border:1px solid var(--border)}.page-actions{display:flex;justify-content:flex-end}.toast-stack{position:fixed;right:26px;bottom:24px;display:grid;gap:10px;z-index:40}.toast{background:#fff;border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-soft);border:1px solid var(--border)}.toast-success{border-left:4px solid var(--success)}.toast-danger{border-left:4px solid var(--danger)}.toast-warning{border-left:4px solid var(--warning)}.toast-info{border-left:4px solid var(--sky)}.analytics-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;flex-wrap:wrap}.filter-row{display:flex;gap:12px;flex-wrap:wrap}.stat-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.stat-card{background:var(--card);border-radius:var(--radius-md);padding:18px;border:1px solid var(--border);display:grid;gap:6px}.stat-title{margin:0;color:var(--muted);font-size:.82rem}.stat-value{font-size:1.4rem;font-family:var(--font-display);margin:0}.stat-sub{margin:0;color:var(--muted-2);font-size:.78rem}.chart-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.chart-shell{display:grid;gap:16px}.donut-shell{grid-template-columns:minmax(180px,220px) minmax(220px,1fr);align-items:center}.donut{width:190px;height:190px;border-radius:50%;position:relative;display:grid;place-items:center;background:conic-gradient(#f2c879 0 var(--cost-angle),#2f9a68 var(--cost-angle) 360deg);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.donut:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--border);z-index:0}.donut-center{position:relative;z-index:1;text-align:center;display:grid;gap:4px}.donut-metrics{display:grid;gap:12px}.donut-metric{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff}.metric-label{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.donut-dot{width:10px;height:10px;border-radius:4px;display:inline-block}.donut-dot.rev{background:linear-gradient(180deg,#2f7db6,#1f9d8c)}.donut-dot.cost{background:linear-gradient(180deg,#f2c879,#f08f59)}.donut-dot.profit{background:linear-gradient(180deg,#2f9a68,#1f9d8c)}.chart-bars{display:grid;grid-auto-flow:column;align-items:end;gap:10px;height:190px;padding:10px 4px 0}.chart-bar{display:grid;gap:6px;align-items:end;justify-items:center}.bar-stack{height:140px;width:44px;display:flex;align-items:flex-end;justify-content:center;gap:4px}.bar{border-radius:6px;width:12px}.bar-revenue{background:linear-gradient(180deg,#2f7db6,#1f9d8c)}.bar-cost{background:linear-gradient(180deg,#f2c879,#f08f59)}.bar-profit{background:linear-gradient(180deg,#2f9a68,#1f9d8c)}.bar-label{font-size:.7rem;color:var(--muted-2);text-align:center;max-width:60px}.legend{display:flex;gap:12px;font-size:.8rem;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:4px;display:inline-block}.legend .rev{background:linear-gradient(180deg,#2f7db6,#1f9d8c)}.legend .cost{background:linear-gradient(180deg,#f2c879,#f08f59)}.legend .profit{background:linear-gradient(180deg,#2f9a68,#1f9d8c)}.progress{background:#2f7db61a;border-radius:999px;height:8px;overflow:hidden}.progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#1f9d8c,#2f7db6)}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table th,.data-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.data-table tbody tr.row-active{background:#2f7db614}.data-table tbody tr.row-active td:first-child{border-left:3px solid var(--sky)}.data-table-selectable tbody tr{cursor:pointer}.data-table-selectable tbody tr:hover{background:#2f7db60f}.hint-card{background:#2f7db614;border:1px solid rgba(47,125,182,.2);border-radius:14px;padding:12px 14px;color:var(--ink);font-size:.88rem}.warning-pill{background:#e29a3a2e;color:var(--warning)}.priority-input{width:72px;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:#fff;font-size:.82rem}.data-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-2)}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.72rem;background:#2f7db61f;color:var(--sky);font-weight:600}.pill{padding:4px 10px;border-radius:999px;font-size:.72rem;background:#1f9d8c1f;color:var(--teal-dark);font-weight:600}.activity-list{display:grid;gap:12px}.activity-row{display:grid;gap:6px;padding:12px;background:#fff;border-radius:14px;border:1px solid var(--border)}.activity-meta{display:flex;justify-content:space-between;color:var(--muted-2);font-size:.8rem}.plan-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}.plan-actions{display:flex;gap:10px;flex-wrap:wrap}.segmented-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:8px;border-radius:16px;border:1px dashed var(--border);background:#ffffffb3}.segmented-tabs button{border:none;border-radius:12px;padding:8px 14px;background:transparent;color:var(--muted);cursor:pointer;font-weight:600}.segmented-tabs button.active{background:#fff;color:var(--ink);box-shadow:var(--shadow-soft)}.table-actions{display:inline-flex;gap:8px;flex-wrap:wrap}.plan-upload{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:10px 12px;border-radius:14px;border:1px dashed var(--border);background:#ffffffb3}.editor-panel{background:#fff;border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border);box-shadow:var(--shadow-soft);display:grid;gap:16px}.log-pre{background:#f7f8fb;border:1px solid var(--border);border-radius:12px;padding:12px;font-size:.78rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto}.editor-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pagination{display:flex;gap:12px;align-items:center;justify-content:flex-end}.pagination button{background:#fff;border:1px solid var(--border);border-radius:10px;padding:8px 12px;cursor:pointer}.pagination span{color:var(--muted);font-size:.85rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){.sidebar-panel{position:fixed;left:0;top:0;transform:translate(-105%)}.sidebar-panel.is-open{transform:translate(0)}.menu-button{display:inline-flex;align-items:center;justify-content:center}.topbar{padding:24px;flex-direction:column;align-items:flex-start}.page-frame{padding:0 24px 40px}}@media (max-width: 900px){.login-shell{grid-template-columns:1fr}.login-hero{padding:40px 24px 20px}.login-panel{padding:20px 24px 40px}.hero-band{flex-direction:column;align-items:flex-start}.donut-shell{grid-template-columns:1fr;justify-items:start}}@media (max-width: 720px){.topbar-meta,.user-chip{width:100%;justify-content:space-between}.feed-row{flex-direction:column;align-items:flex-start}.feed-meta{text-align:left}.feed-status{justify-items:start}.chart-bars{grid-auto-flow:row;height:auto}.bar-stack{width:100%;height:110px;justify-content:flex-start}}@media (max-width: 520px){.topbar{padding:18px 16px 8px;gap:16px}.page-frame{padding:0 16px 32px}.page-title{font-size:1.25rem}.page-subtitle{max-width:100%}.status-pill{display:none}.notif-panel{width:min(320px,calc(100vw - 32px));right:auto;left:0}}.tab-navigation{display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin-bottom:16px;padding:0 16px}.tab-item{border:none;background:transparent;padding:12px 16px;color:var(--muted);cursor:pointer;font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px}.tab-item:hover{color:var(--ink)}.tab-item.active{color:var(--ink);border-bottom-color:var(--sky)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1b2b73;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px}.modal-box{background:var(--card-strong);border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow);padding:28px;width:100%;max-width:480px;display:flex;flex-direction:column;gap:20px}@keyframes highlightGlow{0%{background-color:#2f7db600}10%{background-color:#2f7db640}90%{background-color:#2f7db640}to{background-color:#2f7db600}}.glow-row{animation:highlightGlow 3s ease forwards;position:relative;z-index:10}