:root{--green-900: #1f3d28;--green-700: #2f5d3a;--green-600: #3a7048;--green-500: #4b8a5b;--green-100: #e7f0ea;--green-050: #f1f7f3;--ink-900: #1f2937;--ink-700: #374151;--ink-500: #6b7280;--ink-400: #9ca3af;--line: #e9ecef;--line-2: #f1f3f5;--bg: #f6f7f8;--surface: #ffffff;--danger: #dc2626;--amber: #f59e0b;--blue: #2563eb;--radius: 16px;--radius-sm: 10px;--shadow: 0 1px 3px rgba(16, 24, 40, .04), 0 1px 2px rgba(16, 24, 40, .06);--shadow-lg: 0 10px 30px rgba(16, 24, 40, .1);--sidebar-w: 256px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink-900);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:22px 20px 18px}.brand-logo{width:100%;max-width:190px;height:auto;display:block}.brand-mark{width:40px;height:40px;border-radius:10px;background:var(--green-700);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px;box-shadow:inset 0 0 0 2px #ffffff26}.brand-text{line-height:1}.brand-text b{font-size:17px;letter-spacing:.3px;color:var(--green-900)}.brand-text span{display:block;font-size:10px;letter-spacing:3px;color:var(--ink-400);margin-top:3px}.nav{padding:8px 12px;flex:1;overflow-y:auto}.nav__item{display:flex;align-items:center;gap:12px;padding:11px 14px;margin:2px 0;border-radius:12px;color:var(--ink-500);font-size:14px;font-weight:500;transition:background .15s,color .15s}.nav__item:hover{background:var(--green-050);color:var(--green-700)}.nav__item.active{background:var(--green-100);color:var(--green-900);font-weight:600}.nav__item svg{width:20px;height:20px;flex-shrink:0}.sidebar__user{display:flex;align-items:center;gap:10px;padding:14px 18px;border-top:1px solid var(--line)}.avatar{width:38px;height:38px;border-radius:50%;background:var(--green-600);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px;flex-shrink:0;overflow:hidden}.sidebar__user .meta b{font-size:13px;display:block;color:var(--ink-900)}.sidebar__user .meta span{font-size:12px;color:var(--ink-400)}.main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;overflow:hidden}.brush-decor{position:absolute;top:0;right:0;width:460px;max-width:42%;height:auto;pointer-events:none;z-index:0;opacity:.2}.topbar{position:relative;z-index:30}.banner-switch{position:relative;z-index:20}.content{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;gap:16px}.topbar__welcome span{color:var(--ink-500);font-size:14px}.topbar__welcome h1{margin:4px 0 2px;font-size:26px;color:var(--green-900)}.topbar__welcome p{margin:0;color:var(--ink-500);font-size:14px}.topbar__actions{display:flex;align-items:center;gap:14px}.workspace-select{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:9px 14px;font-size:14px;font-weight:600;color:var(--ink-700);min-width:180px;justify-content:space-between}.dropdown-panel{position:absolute;top:52px;right:0;width:240px;z-index:50;max-height:360px;overflow-y:auto}.icon-btn{width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;position:relative;color:var(--ink-700)}.icon-btn .badge{position:absolute;top:-3px;right:-3px;background:var(--green-700);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}.content{padding:8px 32px 48px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card__head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 0}.card__head h3{margin:0;font-size:16px;color:var(--ink-900)}.card__body{padding:20px 22px}.grid{display:grid;gap:20px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:2fr 1fr}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;display:flex;flex-direction:column;gap:14px}.stat__top{display:flex;align-items:flex-start;gap:16px}.stat__icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;background:var(--green-050);color:var(--green-700)}.stat__icon.amber{background:#fef6e7;color:var(--amber)}.stat__icon.red{background:#fdeceb;color:var(--danger)}.stat__icon.blue{background:#eaf1fe;color:var(--blue)}.stat__num{font-size:32px;font-weight:800;line-height:1;color:var(--ink-900)}.stat__label{color:var(--ink-500);font-size:14px;margin-top:6px}.stat__delta{font-size:13px;font-weight:600;display:flex;align-items:center;gap:5px}.stat__delta.up{color:var(--green-600)}.stat__delta.down{color:var(--danger)}.stat__delta small{color:var(--ink-400);font-weight:400}.perf{padding:20px 22px}.perf h4{margin:0 0 4px;color:var(--ink-500);font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.perf .big{font-size:26px;font-weight:800;color:var(--ink-900)}.perf .sub{font-size:12px;color:var(--ink-400)}.activity{list-style:none;margin:0;padding:0}.activity li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-2)}.activity li:last-child{border-bottom:none}.activity__dot{width:36px;height:36px;border-radius:10px;background:var(--green-050);color:var(--green-700);display:grid;place-items:center;flex-shrink:0}.activity__text{flex:1;font-size:14px;color:var(--ink-700)}.activity__time{font-size:12px;color:var(--ink-400);white-space:nowrap}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th{text-align:left;padding:12px 16px;color:var(--ink-500);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--line);white-space:nowrap}table.data td{padding:14px 16px;border-bottom:1px solid var(--line-2);color:var(--ink-700)}table.data tr:hover td{background:var(--green-050)}.badge-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-green{background:var(--green-100);color:var(--green-900)}.badge-amber{background:#fef3cd;color:#92600a}.badge-red{background:#fdeceb;color:var(--danger)}.badge-blue{background:#eaf1fe;color:var(--blue)}.badge-gray{background:#f1f3f5;color:var(--ink-500)}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;transition:.15s}.btn-primary{background:var(--green-700);color:#fff}.btn-primary:hover{background:var(--green-600)}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink-700)}.btn-ghost:hover{background:var(--green-050);border-color:var(--green-100)}.btn-danger{background:#fdeceb;color:var(--danger)}.btn-danger:hover{background:#fbd9d6}.btn-sm{padding:7px 12px;font-size:13px;border-radius:10px}.btn:disabled{opacity:.55;cursor:not-allowed}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:600;color:var(--ink-700);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:14px;color:var(--ink-900);background:#fff}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.field .err{color:var(--danger);font-size:12px;margin-top:5px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:grid;place-items:center;padding:20px;z-index:60}.modal{background:#fff;border-radius:var(--radius);width:100%;max-width:520px;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.modal__head h3{margin:0;font-size:18px}.modal__body{padding:24px}.modal__foot{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--line)}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.page-head h2{margin:0;font-size:22px;color:var(--green-900)}.page-head p{margin:4px 0 0;color:var(--ink-500);font-size:14px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.search-input{flex:1;min-width:220px;max-width:360px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;font-size:14px;background:#fff}.empty{text-align:center;padding:48px 20px;color:var(--ink-400)}.spinner{width:34px;height:34px;border:3px solid var(--green-100);border-top-color:var(--green-700);border-radius:50%;animation:spin .8s linear infinite}.center{display:grid;place-items:center;min-height:240px}@keyframes spin{to{transform:rotate(360deg)}}.alert{padding:12px 16px;border-radius:10px;font-size:14px;margin-bottom:16px}.alert-error{background:#fdeceb;color:var(--danger)}.alert-success{background:var(--green-100);color:var(--green-900)}.alert-info{background:#eaf1fe;color:var(--blue)}.banner-switch{background:#f7af0629;color:#6b5200;padding:10px 32px;border-bottom:1px solid rgba(247,175,6,.35);display:flex;align-items:center;justify-content:space-between;font-size:14px}.banner-switch strong{color:#4a3900}.banner-switch button{background:#f7af0640;color:#4a3900;border:none;border-radius:8px;padding:6px 12px;font-size:13px}.link-muted{color:var(--green-700);font-size:13px;font-weight:600;cursor:pointer}.link-muted:hover{color:var(--green-600)}.muted{color:var(--ink-400)}.right{text-align:right}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.flex{display:flex}.between{justify-content:space-between}.center-y{align-items:center}.gap{gap:12px}.wrap{flex-wrap:wrap}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,var(--green-050),#eef2f0)}.login-card{background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);width:100%;max-width:400px;padding:36px}.login-card .brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px}.login-card h2{text-align:center;margin:0 0 4px;color:var(--green-900)}.login-card p.sub{text-align:center;color:var(--ink-500);margin:0 0 24px;font-size:14px}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:360px}.toast{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-left-width:4px;border-radius:12px;padding:12px 16px;box-shadow:var(--shadow-lg);font-size:14px;color:var(--ink-900);cursor:pointer;animation:toast-in .2s ease-out}.toast-icon{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-weight:700;font-size:13px;color:#fff}.toast-success{border-left-color:var(--green-600)}.toast-success .toast-icon{background:var(--green-600)}.toast-error{border-left-color:var(--danger)}.toast-error .toast-icon{background:var(--danger)}.toast-info{border-left-color:var(--blue)}.toast-info .toast-icon{background:var(--blue)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tenant-chip{display:inline-flex;align-items:center;gap:6px;background:var(--green-100);color:var(--green-900);padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;margin-left:8px}.skeleton{display:inline-block;background:linear-gradient(90deg,#eef1f0 25%,#f6f8f7 37%,#eef1f0 63%);background-size:400% 100%;animation:skeleton 1.3s ease infinite}@keyframes skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}.state-block{text-align:center;padding:40px 20px;color:var(--ink-500)}.state-block h4{margin:8px 0 4px;color:var(--ink-700);font-size:16px}.state-block p{margin:0;font-size:14px;color:var(--ink-400)}.state-icon{width:48px;height:48px;border-radius:14px;margin:0 auto;display:grid;place-items:center;background:var(--green-050);color:var(--green-700)}.state-icon--error{background:#fdeceb;color:var(--danger);font-size:22px;font-weight:800}.pager{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid var(--line-2)}.integration-card{display:flex;flex-direction:column;gap:12px;padding:22px}.integration-card .ic-head{display:flex;align-items:center;gap:12px}.integration-card .ic-logo{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--green-050);color:var(--green-700);font-weight:800}.integration-steps{font-size:13px;color:var(--ink-700);line-height:1.7}.integration-steps li{margin-bottom:4px}.global-search{position:relative;display:flex;align-items:center}.global-search .gs-icon{position:absolute;left:12px;color:var(--ink-400);pointer-events:none}.global-search input{width:240px;padding:9px 12px 9px 34px;border:1px solid var(--line);border-radius:12px;font-size:14px;background:var(--surface);color:var(--ink-900)}.global-search input:focus{outline:none;border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100)}.gs-panel{width:320px}.notif-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px 12px;border-radius:10px;background:transparent;border:none;color:var(--ink-700)}.notif-item:hover{background:var(--green-050)}.notif-item b{display:block;font-size:13px;color:var(--ink-900)}.notif-item small{color:var(--ink-400);font-size:12px}.notif-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.notif-info{background:var(--blue)}.notif-success{background:var(--green-600)}.notif-error{background:var(--danger)}.notif-dismiss{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--ink-400);display:grid;place-items:center;flex-shrink:0}.notif-dismiss:hover{background:var(--line-2);color:var(--ink-700)}.menu-toggle{display:none;margin-right:8px}@media (max-width: 1024px){.global-search input{width:170px}}@media (max-width: 900px){.global-search{display:none}}@media (max-width: 1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}}@media (max-width: 860px){.sidebar{position:fixed;z-index:60;transform:translate(-100%);transition:transform .2s;box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.content,.topbar{padding-left:18px;padding-right:18px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.menu-toggle{display:grid;place-items:center}.topbar{flex-wrap:wrap;gap:10px}.topbar__welcome h1{font-size:22px}.brush-decor{display:none}.workspace-select{min-width:0}}@media (max-width: 560px){.topbar__actions{width:100%;justify-content:flex-start;flex-wrap:wrap}}