*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-bg:#1e2a45;--sidebar-logo-bg:#172038;--sidebar-active-bg:#2d4a8a;--sidebar-hover-bg:rgba(255,255,255,0.06);--sidebar-text:rgba(255,255,255,0.60);--sidebar-text-active:#ffffff;--sidebar-w:220px;--topbar-h:56px;--topbar-bg:#ffffff;--primary:#1677ff;--primary-light:#e6f4ff;--primary-hover:#4096ff;--success:#52c41a;--warning:#faad14;--danger:#ff4d4f;--info:#1677ff;--bg:#f0f2f5;--bg-card:#ffffff;--text:#262626;--text-secondary:#8c8c8c;--border:#f0f0f0;--border-strong:#d9d9d9;--radius:8px;--shadow-card:0 1px 4px rgba(0,0,0,0.08)}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100;overflow:hidden}.sidebar__logo{height:var(--topbar-h);gap:10px;padding:0 20px;background:var(--sidebar-logo-bg)}.sidebar__logo,.sidebar__logo-icon{display:flex;align-items:center;flex-shrink:0}.sidebar__logo-icon{width:32px;height:32px;background:var(--primary);border-radius:8px;justify-content:center}.sidebar__logo-icon svg{width:18px;height:18px;fill:#fff}.sidebar__logo-text{font-size:15px;font-weight:700;color:#ffffff;white-space:nowrap}.sidebar__nav{padding:8px 0;flex:1 1;overflow-y:auto}.sidebar__item{display:flex;align-items:center;gap:10px;padding:0 16px;height:44px;font-size:14px;color:var(--sidebar-text);cursor:pointer;transition:all .15s;border-radius:0;position:relative;white-space:nowrap}.sidebar__item:hover{background:var(--sidebar-hover-bg);color:rgba(255,255,255,.85)}.sidebar__item--active{background:var(--sidebar-active-bg);color:var(--sidebar-text-active);font-weight:500}.sidebar__item--active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--primary);border-radius:0 2px 2px 0}.sidebar__item svg{width:16px;height:16px;flex-shrink:0;opacity:.7}.sidebar__item--active svg,.sidebar__item:hover svg{opacity:1}.main-wrap{margin-left:var(--sidebar-w);flex:1 1;display:flex;flex-direction:column;min-height:100vh}.topbar{height:var(--topbar-h);background:var(--topbar-bg);border-bottom:1px solid var(--border);justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50;flex-shrink:0}.topbar,.topbar__breadcrumb{display:flex;align-items:center}.topbar__breadcrumb{gap:6px;font-size:14px;color:var(--text-secondary)}.topbar__breadcrumb-sep{color:var(--border-strong)}.topbar__breadcrumb-current{color:var(--text);font-weight:500}.topbar__right{gap:20px}.topbar__bell,.topbar__right{display:flex;align-items:center}.topbar__bell{position:relative;width:32px;height:32px;justify-content:center;cursor:pointer;border-radius:50%;transition:background .15s}.topbar__bell:hover{background:var(--bg)}.topbar__bell svg{width:18px;height:18px;color:var(--text-secondary)}.topbar__badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;background:var(--danger);color:#fff;font-size:10px;font-weight:600;border-radius:8px;justify-content:center;padding:0 4px;line-height:1}.topbar__badge,.topbar__user{display:flex;align-items:center}.topbar__user{gap:8px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.topbar__user:hover{background:var(--bg)}.topbar__avatar{width:30px;height:30px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:600}.topbar__username{font-size:14px;color:var(--text)}.topbar__chevron{color:var(--text-secondary)}.page-header{margin-bottom:20px}.page-sub{font-size:13px;color:var(--text-secondary);margin-top:4px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:24px}@media (max-width:1400px){.stat-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1000px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg-card);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow-card);gap:16px}.stat-card,.stat-card__icon{display:flex;align-items:center}.stat-card__icon{width:52px;height:52px;border-radius:12px;justify-content:center;flex-shrink:0}.stat-card__icon svg{width:26px;height:26px}.stat-card__icon--blue{background:#e6f4ff}.stat-card__icon--blue svg{color:#1677ff}.stat-card__icon--green{background:#f6ffed}.stat-card__icon--green svg{color:#52c41a}.stat-card__icon--orange{background:#fff7e6}.stat-card__icon--orange svg{color:#fa8c16}.stat-card__icon--purple{background:#f9f0ff}.stat-card__icon--purple svg{color:#722ed1}.stat-card__body{flex:1 1;min-width:0}.stat-card__label{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.stat-card__value{font-size:28px;font-weight:700;color:var(--text);line-height:1}.stat-card__delta{font-size:12px;color:var(--text-secondary);margin-top:6px}.stat-card__delta--up{color:var(--success)}.stat-card__delta--down{color:var(--danger)}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-card);overflow:hidden}.card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);font-size:15px;font-weight:600}.card__body{padding:20px}.toolbar{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar__spacer{flex:1 1}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap svg{position:absolute;left:10px;width:14px;height:14px;color:var(--text-secondary);pointer-events:none}.input-search{height:34px;border:1px solid var(--border-strong);border-radius:6px;padding:0 12px 0 32px;font-size:13px;width:220px;outline:none;transition:border-color .15s;background:#fff}.input-search:focus{border-color:var(--primary)}.input-search::placeholder{color:var(--text-secondary)}.select{height:34px;border:1px solid var(--border-strong);border-radius:6px;padding:0 28px 0 10px;font-size:13px;outline:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238c8c8c' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 8px center;-webkit-appearance:none;cursor:pointer;transition:border-color .15s}.select:focus{border-color:var(--primary)}.btn{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 14px;border-radius:6px;font-size:13px;cursor:pointer;border:1px solid var(--border-strong);background:#fff;color:var(--text);transition:all .15s;white-space:nowrap}.btn:hover{border-color:var(--primary);color:var(--primary)}.btn svg{width:13px;height:13px}.btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.btn--danger-outline{border-color:var(--danger);color:var(--danger)}.btn--danger-outline:hover{background:#fff1f0}.btn--sm{height:28px;padding:0 10px;font-size:12px}.btn--link{border:none;background:none;color:var(--primary);padding:0 4px;height:auto}.btn--link:hover{background:none;color:var(--primary-hover);text-decoration:underline}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead tr{background:#fafafa}th{text-align:left;padding:12px 16px;color:var(--text-secondary);font-weight:500;white-space:nowrap}td,th{border-bottom:1px solid var(--border)}td{padding:14px 16px;color:var(--text);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#fafafa}.status-dot{display:inline-flex;align-items:center;gap:6px;font-size:13px}.status-dot:before{content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot--active:before{background:var(--success)}.status-dot--pending:before{background:var(--warning)}.status-dot--disabled:before{background:#d9d9d9}.status-dot--danger:before{background:var(--danger)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.badge--blue{background:#e6f4ff;color:#1677ff}.badge--green{background:#f6ffed;color:#389e0d}.badge--orange{background:#fff7e6;color:#d46b08}.badge--red{background:#fff1f0;color:#cf1322}.badge--gray{background:#f5f5f5;color:#595959}.pagination{display:flex;align-items:center;gap:8px;padding:14px 20px;border-top:1px solid var(--border);font-size:13px}.pagination__total{color:var(--text-secondary);margin-right:4px}.pagination__spacer{flex:1 1}.pagination__btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:6px;background:#fff;cursor:pointer;font-size:13px;transition:all .15s;color:var(--text)}.pagination__btn:hover{border-color:var(--primary);color:var(--primary)}.pagination__btn--active{background:var(--primary);border-color:var(--primary);color:#fff}.pagination__btn--active:hover{background:var(--primary-hover)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.empty{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty svg{width:48px;height:48px;opacity:.3;margin-bottom:12px}.empty p{font-size:14px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.quick-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;background:var(--bg);border-radius:8px;cursor:pointer;transition:all .15s;text-align:center}.quick-item:hover{background:var(--primary-light)}.quick-item:hover .quick-item__icon{background:var(--primary)}.quick-item:hover .quick-item__icon svg{color:#fff}.quick-item__icon{width:44px;height:44px;border-radius:10px;background:rgba(22,119,255,.08);display:flex;align-items:center;justify-content:center;transition:all .15s}.quick-item__icon svg{width:20px;height:20px;color:var(--primary);transition:color .15s}.quick-item__label{font-size:13px;color:var(--text)}.quick-item__num{font-size:11px;color:var(--text-secondary)}.activity-list{display:flex;flex-direction:column}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.activity-dot--blue{background:var(--primary)}.activity-dot--green{background:var(--success)}.activity-dot--orange{background:var(--warning)}.activity-dot--red{background:var(--danger)}.activity-content{flex:1 1}.activity-content p{font-size:13px;color:var(--text)}.activity-content time{font-size:12px;color:var(--text-secondary);margin-top:2px;display:block}@keyframes g-spin{to{transform:rotate(1turn)}}.g-spin{animation:g-spin .75s linear infinite;transform-origin:center}@keyframes g-fade-in{0%{opacity:0}to{opacity:1}}.g-loading-overlay{animation:g-fade-in .15s ease}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px}.page-title{font-size:20px;font-weight:600;color:var(--text);line-height:1.3}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead tr{background:#fafafa}.data-table th{text-align:left;padding:12px 16px;color:var(--text-secondary);font-weight:500;white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid var(--border)}.data-table td{padding:14px 16px;vertical-align:middle}.data-table tbody tr:hover td{background:#fafafa}.data-table__empty{text-align:center;color:var(--text-secondary);padding:40px!important}.link{color:var(--primary);font-size:13px;cursor:pointer}.link:hover{color:var(--primary-hover);text-decoration:underline}.form-section{background:var(--bg-card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-card)}.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.form-row:last-child{margin-bottom:0}.form-row--2col{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;flex-direction:unset;margin-bottom:18px}.form-row--2col>div{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:500;color:var(--text)}.form-required{color:var(--danger);margin-left:2px}.form-hint{font-size:12px;color:var(--text-secondary);margin-top:4px}.input{width:100%;height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:6px;font-size:13px;color:var(--text);background:#fff;outline:none;transition:border-color .15s;font-family:inherit}.input:focus{border-color:var(--primary)}.input::placeholder{color:#bfbfbf}.textarea{width:100%;padding:8px 10px;border:1px solid var(--border-strong);border-radius:6px;font-size:13px;color:var(--text);background:#fff;outline:none;resize:vertical;transition:border-color .15s;font-family:inherit;line-height:1.6}.textarea:focus{border-color:var(--primary)}.textarea::placeholder{color:#bfbfbf}.form-check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text)}.form-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.page-content{padding:24px;flex:1 1}