:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-card: #ffffff;--text-primary: rgba(0, 0, 0, .88);--text-secondary: rgba(0, 0, 0, .65);--border-color: #e8e8e8;--shadow-color: rgba(15, 15, 15, .06)}body.dark-mode{--bg-primary: #141414;--bg-secondary: #1f1f1f;--bg-card: #1f1f1f;--text-primary: rgba(255, 255, 255, .85);--text-secondary: rgba(255, 255, 255, .65);--border-color: #424242;--shadow-color: rgba(0, 0, 0, .45);--dashboard-bg: #0a0a0a;--sidebar-bg: #1a1a1a;--sidebar-selected: #2a2a2a;--button-bg: #1e3a5f;--button-hover: #2a4d7c;--table-header: #1a2332}body{background-color:var(--bg-primary);color:var(--text-primary)}#root{max-width:none;margin:0;padding:0}.card-panel{background:var(--bg-card);border-radius:16px;box-shadow:0 6px 24px var(--shadow-color);padding:24px}.filters-bar{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;width:100%;align-items:center}.filters-bar .ant-btn{border-radius:999px;border-color:#e8e8e8}.table-wrapper{margin-top:24px;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrapper .ant-table .ant-table-content table{min-width:900px}.roster-table__wrapper{margin-top:20px;border:1px solid var(--border-color);border-radius:14px;overflow:hidden;background:var(--bg-card)}.card-panel .ant-typography{writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:normal!important;overflow-wrap:break-word}.card-panel h4{white-space:normal;text-overflow:ellipsis;overflow:hidden}.panel-header{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}.panel-header>div:first-child{flex:1 1 240px;min-width:0}.panel-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.metadata-grid>div{white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important;min-height:120px}.metadata-grid>div .ant-typography{white-space:normal!important;overflow-wrap:anywhere!important;box-sizing:border-box}.dashboard-content .card-panel .ant-typography,.dashboard-content .card-panel h4{writing-mode:horizontal-tb!important;transform:none!important;white-space:normal!important}@media screen and (max-width:640px){.card-panel .ant-typography{font-size:18px!important;line-height:1.2!important}}body.dark-mode .ant-btn-primary{background:#1e3a5f;border-color:#1e3a5f}body.dark-mode .ant-btn-primary:hover{background:#2a4d7c;border-color:#2a4d7c}body.dark-mode .ant-btn-primary:focus,body.dark-mode .ant-btn-primary:active{background:#2a4d7c;border-color:#2a4d7c}body.dark-mode .ant-btn-default{background:#1a2332;border-color:#2a3a4f;color:#ffffffd9}body.dark-mode .ant-btn-default:hover{background:#243447;border-color:#3a4a5f;color:#fffffff2}body.dark-mode .ant-btn-default:focus,body.dark-mode .ant-btn-default:active{background:#243447;border-color:#3a4a5f;color:#fffffff2}body.dark-mode .ant-table-thead>tr>th{background:#1a2332!important;color:#ffffffd9!important;border-color:#2a3a4f!important}body.dark-mode .ant-table{background:#1f1f1f!important}body.dark-mode .ant-table-tbody>tr>td{background:#1f1f1f!important;border-color:#2a2a2a!important;color:#ffffffbf}body.dark-mode .ant-table-tbody>tr:hover>td{background:#252525!important}.roster-table__scroll{width:100%;overflow-x:auto}.roster-table{width:100%;border-collapse:collapse;font-size:14px}.roster-table thead tr:first-child th{background:#f5f6fa;border-bottom:1px solid #dcdfe6;font-weight:600}.roster-table thead tr:first-child th .metadata-grid{grid-auto-rows:minmax(82px,auto)}.roster-table__instruction{text-align:center;padding:14px;font-size:15px;letter-spacing:.3px;color:#2f3542}.roster-table__header-ar{font-weight:600;display:block;color:#2f3542}.roster-table__header-en{font-size:12px;color:#7f8c8d;text-transform:uppercase;letter-spacing:.4px}.roster-table th,.roster-table td{border:1px solid #dfe4ea;padding:12px 14px;vertical-align:middle}.roster-table tbody tr:nth-child(2n){background:#fafbfc}.roster-table__slot{display:flex;flex-direction:column;gap:4px}.roster-table__slot-number{font-size:18px;font-weight:700;color:#2d3436}.roster-table__slot-text{font-size:12px;color:#95a5a6;text-transform:uppercase}.roster-table__slot-text-ar{font-size:13px;font-weight:600;color:#2f3542;text-transform:none}.roster-table__empty{padding:32px;text-align:center;background:repeating-linear-gradient(45deg,#00000005,#00000005 10px,#0000000a 10px,#0000000a 20px)}@media screen and (max-width:1024px){.card-panel{padding:16px}.filters-bar{gap:8px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.metadata-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:12px!important}.roster-table th,.roster-table td{padding:8px 10px;font-size:13px}.roster-table__instruction{font-size:14px;padding:10px}}@media screen and (max-width:640px){.card-panel{padding:12px;border-radius:12px}.filters-bar{gap:6px;margin-top:12px}.filters-bar .ant-btn{font-size:13px;padding:4px 12px;height:auto}.table-wrapper{margin-top:16px}.metadata-grid{grid-template-columns:1fr!important;gap:10px!important}.roster-table th,.roster-table td{padding:6px 8px;font-size:12px}.roster-table__slot-number{font-size:16px}.roster-table__slot-text{font-size:11px}.roster-table__slot-text-ar{font-size:12px}.roster-table__header-en{font-size:11px}.roster-table__instruction{font-size:13px;padding:8px}.roster-table__empty{padding:20px}}.dashboard-shell{min-height:100vh;background:#f5f2ed}body.dark-mode .dashboard-shell{background:#0a0a0a}.dashboard-sider{background:#f8d8ba!important;padding:32px 24px;border-right:1px solid #f5c9a6}body.dark-mode .dashboard-sider{background:#1a1a1a!important;border-right:1px solid #2a2a2a}.sider-brand{margin-bottom:24px;margin-top:-8px}.brand-logo{width:140px;height:140px;object-fit:contain;margin-bottom:16px;display:block}body.dark-mode .brand-logo{filter:invert(1) brightness(1.2)}.brand-title{font-size:18px;font-weight:600;color:#5a3e2b;margin-bottom:4px}body.dark-mode .brand-title{color:#ffffffe6}.brand-caption{color:#7c5d47;margin:0;font-size:14px}body.dark-mode .brand-caption{color:#ffffff80}.sider-section{margin-bottom:32px}.section-label{color:#7c5d47;font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px}body.dark-mode .section-label{color:#ffffff73}.section-link{margin:4px 0;color:#5a3e2b;font-weight:500}body.dark-mode .section-link{color:#ffffffb3}.sider-section.muted .section-link{color:#7c7c7c}body.dark-mode .sider-section.muted .section-link{color:#ffffff80}body.dark-mode .theme-icon,body.dark-mode .user-icon{color:#ffffffb3}body.dark-mode .user-name{color:#ffffffd9}.user-role{color:#7c5d47}body.dark-mode .user-role{color:#ffffff80}.dashboard-sider .ant-menu{background:transparent;border-inline-end:none!important}.dashboard-sider .ant-menu-item{margin:4px 0;border-radius:8px;font-size:15px;height:44px;display:flex;align-items:center}.dashboard-sider .ant-menu-item-selected{background:#f1ae89!important;color:#5a3e2b!important}body.dark-mode .dashboard-sider .ant-menu-item{color:#ffffffb3}body.dark-mode .dashboard-sider .ant-menu-item-selected{background:#2a2a2a!important;color:#ffffffe6!important}.dashboard-main{background:#f5f2ed}body.dark-mode .dashboard-main{background:#0a0a0a}.dashboard-header{background:#f5f2ed!important;padding:24px 32px;display:flex;justify-content:space-between;align-items:center}.header-left{font-size:14px;color:#9f8f80}.crumb{margin-right:8px}.crumb.current{color:#1f1f1f;font-weight:600}.header-actions{display:flex;gap:12px}.ghost-btn,.primary-btn{border-radius:8px;padding:8px 16px;font-size:14px;border:1px solid transparent;cursor:pointer;font-family:inherit}.ghost-btn{background:#fff;border-color:#e2dfda}body.dark-mode .ghost-btn{background:#1a2332;border-color:#2a3a4f;color:#ffffffd9}body.dark-mode .ghost-btn:hover:not(:disabled){background:#243447;border-color:#3a4a5f;color:#fffffff2}body.dark-mode .ghost-btn:disabled{opacity:.5;cursor:not-allowed}.primary-btn{background:#1f1f1f;color:#fff}body.dark-mode .primary-btn{background:#1e3a5f;border-color:#1e3a5f;color:#fff}body.dark-mode .primary-btn:hover{background:#2a4d7c;border-color:#2a4d7c}.dashboard-content{padding:24px 32px 32px}.card-panel .ant-table{border-radius:12px;overflow:hidden}.card-panel .ant-table-thead>tr>th{background:#f5f5f5;font-weight:600}@media screen and (max-width:1024px){.dashboard-shell{flex-direction:row}.dashboard-sider{width:250px!important;max-width:250px!important;min-width:200px!important;flex:0 0 250px!important;padding:16px}.sider-brand{margin-bottom:16px}.brand-title{font-size:16px}.brand-caption{font-size:13px}.sider-section{margin-bottom:16px}.dashboard-sider .ant-menu{display:block}.dashboard-sider .ant-menu-item{height:40px;font-size:14px;margin:4px 0}.dashboard-header{padding:16px;flex-direction:column;align-items:flex-start;gap:12px}.header-left{font-size:13px}.header-actions{width:100%;justify-content:flex-start}.dashboard-content{padding:0 16px 16px}.card-panel{padding:16px}}@media screen and (max-width:640px){.dashboard-sider{width:180px!important;max-width:180px!important;min-width:180px!important;flex:0 0 180px!important;padding:12px 8px}.brand-title{font-size:14px}.brand-caption{font-size:12px}.dashboard-sider .ant-menu-item{font-size:13px;height:36px;padding-left:12px!important;padding-right:12px!important}.dashboard-sider .ant-menu-item .anticon{font-size:14px;min-width:14px}.dashboard-header{padding:12px}.dashboard-content{padding:0 12px 12px}.card-panel{padding:12px;border-radius:12px}.ghost-btn,.primary-btn{padding:6px 12px;font-size:13px}}:root{font-family:Inter,Segoe UI,Roboto,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;background:#f5f2ed;color:#1f1f1f}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}