:root{color:#102033;background:radial-gradient(circle at top left,rgba(191,219,254,.32),transparent 30%),radial-gradient(circle at top right,rgba(203,213,225,.4),transparent 26%),linear-gradient(180deg,#e9eef4,#e3eaf2);font-family:Inter,Segoe UI,sans-serif;--sp-surface: rgba(255, 255, 255, .96);--sp-surface-solid: #ffffff;--sp-border: rgba(100, 116, 139, .3);--sp-shadow: 0 18px 32px rgba(100, 116, 139, .16);--sp-shadow-soft: 0 10px 20px rgba(100, 116, 139, .14);--sp-primary: #6b8fb3;--sp-primary-dark: #5b7d9f;--sp-sidebar: linear-gradient(180deg, #1f2937 0%, #111827 100%)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow-x:hidden;background:transparent}.app-shell{min-height:100vh;overflow-x:hidden;background:transparent}.app-sider{border-right:1px solid rgba(51,65,85,.55)!important;background:var(--sp-sidebar)!important;color:#cbd5e1;box-shadow:16px 0 32px #0f172a2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-sider .ant-menu{background:transparent;border-inline-end:0}.app-sider .ant-menu-item,.app-sider .ant-menu-submenu-title{color:#cbd5e1!important;border-radius:12px;margin-inline:10px!important;width:calc(100% - 20px)}.app-sider .ant-menu-item:hover,.app-sider .ant-menu-submenu-title:hover{background:#ffffff14!important;color:#fff!important}.app-sider .ant-menu-item-selected{background:linear-gradient(135deg,#60a5fa3d,#3b82f629)!important;color:#fff!important}.app-sider .ant-menu-item-selected a{color:#fff!important}.brand{padding:22px 20px 18px;border-bottom:1px solid rgba(148,163,184,.16)}.brand span{color:#94a3b8;font-size:12px;letter-spacing:.02em}.brand h4{margin-bottom:6px;color:#f8fafc!important;font-weight:800}.app-header{display:flex;align-items:center;background:#ffffffe6!important;border-bottom:1px solid rgba(100,116,139,.2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:0 20px;height:auto;line-height:1.4;box-shadow:0 8px 16px #64748b1a;position:sticky;top:0;z-index:9}.app-header-inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.app-header-main{display:flex;align-items:center;gap:12px;min-width:0}.app-header h3,.app-header h4{margin:0;color:#0f172a}.app-header-user{justify-content:flex-end}.mobile-nav-button{flex:0 0 auto}.mobile-drawer .ant-drawer-body{padding:0}.app-content{padding:24px;min-width:0;overflow-x:hidden;background:transparent}.page-grid{display:grid;gap:24px;min-width:0}.page-grid .ant-form{background:#f1f5f9f5;border:1px solid rgba(148,163,184,.26);border-radius:18px;padding:16px}.page-grid .ant-form:has(.ant-picker),.page-grid .ant-form:has(.ant-select),.page-grid .ant-form:has(.ant-auto-complete){background:linear-gradient(180deg,#ecf2f8f5,#f3f7fbf5);box-shadow:inset 0 1px #ffffffbf}.page-grid .ant-form+.ant-form,.page-grid .ant-form+.ant-space,.page-grid .ant-space+.ant-table-wrapper{margin-top:8px}.page-grid .ant-tabs-nav{margin-bottom:18px!important}.page-grid .ant-tabs-tab{border-radius:12px!important;padding:10px 14px!important}.page-grid .ant-tabs-tab-active{background:#dbeafe94}.page-grid .ant-tabs-ink-bar{background:var(--sp-primary)}.page-grid .ant-modal-content{border-radius:20px;overflow:hidden;border:1px solid rgba(100,116,139,.22);box-shadow:0 20px 36px #64748b29}.page-grid .ant-modal-header{background:#edf2f7;border-bottom:1px solid rgba(148,163,184,.24)}.page-grid .ant-empty{padding:20px 0}.page-grid .ant-switch{background:#94a3b861}.page-grid .ant-switch.ant-switch-checked{background:var(--sp-primary)}.page-grid .ant-space{row-gap:10px}.section-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-toolbar-badge{flex:0 0 auto;padding:10px 14px;border-radius:999px;background:#e8eef5;border:1px solid rgba(148,163,184,.22);color:#334155;font-size:13px;font-weight:600}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-kpi-card{padding:18px 18px 16px;border-radius:20px;background:#ffffffe6;border:1px solid rgba(100,116,139,.2);box-shadow:0 10px 22px #64748b24;position:relative;overflow:hidden}.dashboard-kpi-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,#94a3b8cc,#dbeafee6)}.dashboard-kpi-card span{display:block;color:#475569;font-size:13px;margin-bottom:10px}.dashboard-kpi-card strong{display:block;color:#334155;font-size:30px;line-height:1.1;margin-bottom:8px}.dashboard-kpi-card p{margin:0;color:#64748b;font-size:13px}.section-card{border-radius:20px;overflow:hidden;background:var(--sp-surface)!important;border:1px solid rgba(100,116,139,.22)!important;box-shadow:0 12px 26px #64748b24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.section-card .ant-card-body{min-width:0;background:transparent}.section-card .ant-card-head{border-bottom:1px solid rgba(148,163,184,.22);background:#edf2f7}.section-card .ant-card-head-title{font-weight:700;color:#0f172a}.section-card .ant-table-wrapper,.section-card .ant-table-content{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.section-card .ant-table{background:#fffffff0}.section-card .ant-table-container{border-radius:14px;overflow:hidden;border:1px solid rgba(148,163,184,.16)}.section-card .ant-table-wrapper{background:linear-gradient(180deg,#fafcfdf5,#f3f7fbf0);border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:6px}.section-card .ant-table-thead>tr>th{background:#e8eef5;color:#0f172a;font-weight:700}.section-card .ant-table-tbody>tr:hover>td{background:#f0f5fb}.section-card .ant-statistic{background:linear-gradient(180deg,#f8fafcf0,#f0f5f9eb);border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:16px;min-height:118px}.section-card .ant-table-cell{vertical-align:top}.mobile-data-list{display:grid;gap:12px}.mobile-data-card{border-radius:18px;background:#fffffff5;border:1px solid rgba(100,116,139,.2);box-shadow:0 10px 20px #64748b24}.mobile-data-card .ant-card-head{min-height:auto}.mobile-data-card .ant-card-head-title,.mobile-data-card .ant-card-extra{padding:10px 0}.mobile-data-row{display:grid;gap:4px}.mobile-data-label{font-size:12px}.mobile-data-value{word-break:break-word}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,rgba(219,234,254,.7),transparent 26%),radial-gradient(circle at bottom right,rgba(254,240,219,.45),transparent 28%),linear-gradient(180deg,#f7f4ef,#f8fafc);padding:20px}.login-card{width:440px;max-width:100%;border-radius:22px;background:#ffffffe6;border:1px solid rgba(100,116,139,.2);box-shadow:0 24px 48px #64748b29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-card .ant-card-body{padding:28px}.app-content .ant-statistic-title,.app-content .ant-typography,.app-content .ant-table,.app-content .ant-form-item-label>label{color:#0f172a}.app-content .ant-statistic-content-value{color:#5b7d9f;font-weight:700}.app-content .ant-btn-primary{background:linear-gradient(135deg,var(--sp-primary),var(--sp-primary-dark));border:0;box-shadow:0 8px 18px #6b8fb338}.app-content .ant-btn-default{border-color:#64748b52;color:#334155}.app-content .ant-btn-default:hover,.app-content .ant-btn-default:focus{border-color:#6b8fb38c;color:#334155}.app-content .ant-input,.app-content .ant-input-affix-wrapper,.app-content .ant-select-selector,.app-content .ant-picker{border-radius:12px!important;border-color:#64748b3d!important;box-shadow:none!important;background:#fffffffa!important}.app-content .ant-input:focus,.app-content .ant-input-affix-wrapper:focus,.app-content .ant-select-selector:focus,.app-content .ant-picker:focus{border-color:#6b8fb3b3!important}@media (max-width: 1199px){.app-content{padding:18px}.page-grid{gap:18px}.dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.app-header{padding:0 12px}.app-header-inner{align-items:flex-start;flex-direction:column;gap:10px;padding:12px 0}.app-header-user{width:100%;justify-content:space-between}.app-content{padding:12px}.page-grid{gap:12px}.dashboard-kpi-grid{grid-template-columns:1fr;gap:12px}.section-toolbar{flex-direction:column;align-items:stretch}.section-toolbar-badge{width:fit-content}.app-content .ant-row>.ant-col{max-width:100%!important;flex:0 0 100%!important}.app-content .ant-tabs-nav,.app-content .ant-form-item{margin-bottom:12px}.section-card .ant-card-head{padding:0 14px}.section-card .ant-card-body{padding:14px}.section-card .ant-table{font-size:12px}.section-card .ant-table-cell{padding:8px!important}.login-card{border-radius:20px}}