:root{--bg: #f4f7f6;--surface: rgba(255, 255, 255, .78);--surface-strong: #ffffff;--ink: #131820;--muted: #66717f;--accent: #00a878;--accent-strong: #008f66;--accent-soft: #d9f7ee;--action: var(--accent);--action-strong: var(--accent-strong);--danger: #b42318;--danger-soft: #fff1f0;--border: rgba(19, 24, 32, .1);--shadow: 0 22px 60px rgba(19, 24, 32, .1);--sidebar-bg: #101722;--sidebar-bg-strong: #0a1018;--sidebar-width: 320px;--sidebar-collapsed-width: 92px;font-family:Segoe UI,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(0,168,120,.16),transparent 28%),radial-gradient(circle at bottom right,rgba(19,24,32,.08),transparent 24%),var(--bg);color:var(--ink);overflow:hidden}a{color:var(--accent)}.layout{height:100vh;display:grid;grid-template-columns:var(--sidebar-width) 1fr;transition:grid-template-columns .18s ease}.layout.layout-sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr}.sidebar{height:100vh;position:relative;padding:32px;background:linear-gradient(180deg,var(--sidebar-bg),var(--sidebar-bg-strong));color:#fff;display:flex;flex-direction:column;gap:28px;box-shadow:0 24px 60px #0a101852;transition:padding .18s ease;overflow:visible}.sidebar.sidebar-collapsed{padding:24px 14px}.content{padding:32px;background-color:var(--bg);height:100vh;overflow-y:auto;overflow-x:hidden}.content-greeting{margin:0 0 28px;padding-bottom:12px;border-bottom:1px solid rgba(31,41,55,.12);color:var(--accent);font-size:1.9rem;font-weight:500}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:#71f0c4}.muted{color:#d1d5db}.brand{display:grid;gap:10px;align-content:start;width:220px}.brand img{width:220px;height:auto;display:block}.brand h1{margin:0;max-width:250px;color:#fff;font-size:1rem;font-weight:780;line-height:1.2;letter-spacing:.02rem}.brand-collapsed{display:flex;justify-content:center;padding-top:28px}.brand-collapsed img{width:48px;height:48px;display:block;object-fit:contain}.identity,.profile{display:grid;gap:8px}.identity select,.search,button{border-radius:14px;border:1px solid var(--border);padding:12px 14px;font:inherit}button:not(:disabled):not(.sort-button):not(.page-link):not(.date-picker-button):not(.search-select-trigger):not(.search-select-option):not(.icon-button){background:var(--action);border-color:var(--action-strong);color:#fff}button:not(:disabled):not(.sort-button):not(.page-link):not(.date-picker-button):not(.search-select-trigger):not(.search-select-option):not(.icon-button):hover{background:var(--action);border-color:var(--action-strong);color:#fff}.nav{display:grid;gap:10px}.sidebar-collapse-toggle{position:absolute;top:30px;right:-18px;width:38px;height:38px;margin:0;padding:0;border-radius:999px;background:#fff;color:var(--sidebar-bg);border:1px solid rgba(19,24,32,.08);display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;box-shadow:0 10px 28px #0a101847;font-size:2rem;font-weight:700;line-height:1;z-index:20}.sidebar-collapse-toggle i,.sidebar-collapse-toggle span{display:block;line-height:1}.nav-glyph{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#ffffff1f;color:#fff;font-weight:700;flex:0 0 auto}.nav-glyph i{font-size:.95rem}.nav a{color:#fff;text-decoration:none;padding:10px 12px;border-radius:12px;display:flex;align-items:center;gap:12px}.nav a.active{background:#00a8782e;box-shadow:inset 3px 0 0 var(--accent)}.sidebar.sidebar-collapsed .nav a{justify-content:center;padding-inline:0}.page{display:grid;gap:24px}.page-header,.metric-row,.card-top,.assignment{display:flex;justify-content:space-between;gap:16px;align-items:center}.header-actions{display:flex;gap:12px;align-items:center}.header-actions .search{min-width:360px}.stats-grid,.catalog-grid,.split{display:grid;gap:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.catalog-grid,.split{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--surface);backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:24px;padding:22px;box-shadow:var(--shadow)}.card strong{font-size:1.5rem}.catalog-meta-row span{font-size:.95rem}.catalog-meta-row strong,.catalog-description{font-size:.9rem}.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.85rem}.assignments-table .badge-completed,.assignment .badge-completed{background:var(--accent-soft);color:var(--accent-strong)}.assignments-table .badge-assigned,.assignment .badge-assigned{background:#eef2f6;color:#3b4654}.assignments-table .badge-alert,.assignment .badge-alert{background:#ffe3e1;color:#b42318}.inactive{color:#b42318}.users-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 28px #13182014;border:1px solid rgba(148,163,184,.22)}.users-table th,.users-table td{text-align:left;padding:14px 16px;border-bottom:1px solid rgba(226,232,240,.9)}.users-table thead{background:#f8fafc}.users-table tbody tr:nth-child(2n){background:#f8fafcbf}.users-table tbody tr:hover{background:#e2e8f073}.table-shell{overflow-x:auto}.assignments-table button{white-space:nowrap}.assignments-table input[type=date]{min-width:150px}.date-field{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.date-input-shell{width:172px;height:40px;display:inline-grid;grid-template-columns:1fr 40px;align-items:center;border:1px solid rgba(148,163,184,.36);border-radius:12px;background:#fff;box-shadow:0 8px 20px #1318200f;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}.date-input-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #00a87824}.date-input-shell input[type=date]{min-width:0;width:100%;height:100%;border:0;padding:0 10px;background:transparent;color:var(--ink);font:inherit}.date-input-shell input[type=date]:focus{outline:none}.date-input-shell input[type=date]::-webkit-calendar-picker-indicator{display:none}.date-picker-button{width:40px;height:40px;padding:0;border:0;border-left:1px solid rgba(148,163,184,.24);border-radius:0;background:#f8fafc;color:var(--accent-strong);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.date-picker-button:hover:not(:disabled){background:#f8fafc}.date-picker-button:disabled,.date-input-shell input[type=date]:disabled{cursor:default;opacity:.6}.sort-button{padding:0;border:0;background:transparent;color:var(--ink);font-weight:600;cursor:pointer}.sort-button:hover{color:var(--ink)}.assignment-filters{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.assignment-filters label{display:grid;gap:.35rem}.assignment-filters input{border-radius:14px;border:1px solid var(--border);padding:12px 14px;font:inherit;background:var(--surface-strong);color:var(--ink)}.bootstrap-table-toolbar,.bootstrap-table-page-size,.bootstrap-table-pagination{display:flex;align-items:center}.bootstrap-table-toolbar{justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(226,232,240,.9)}.bootstrap-table-page-size{gap:.6rem;color:var(--muted)}.bootstrap-table-page-size select{min-width:88px;border-radius:8px;border:1px solid rgba(148,163,184,.4);padding:8px 10px;font:inherit;background:#fff;color:var(--ink)}.bootstrap-table-summary{margin:0;color:var(--muted);font-size:.95rem}.bootstrap-table-pagination{justify-content:flex-end;gap:.4rem;margin-top:1rem}.page-link{min-width:38px;height:38px;padding:0 12px;border:1px solid rgba(148,163,184,.32);border-radius:8px;background:#fff;color:#334155;cursor:pointer;box-shadow:none}.page-link:hover:not(:disabled){background:#fff;border-color:#94a3b852}.page-link.active{background:var(--accent);border-color:var(--accent);color:#fff}.page-link:disabled{opacity:.45;cursor:default}.form-grid{display:grid;gap:1rem}.form-grid label{display:grid;gap:.35rem}.form-grid input,.form-grid select,.form-grid textarea,.form-grid button,.profile button{border-radius:14px;border:1px solid var(--border);padding:12px 14px;font:inherit}.form-grid input,.form-grid select,.form-grid textarea{background:#fff;color:var(--ink)}.form-grid input.invalid-control,.form-grid select.invalid-control,.form-grid textarea.invalid-control,.search-select-trigger.invalid-control{border-color:var(--danger);background:var(--danger-soft);box-shadow:0 0 0 3px #b423181f}.field-error{margin:0 0 2px;color:var(--danger);font-size:.84rem;font-weight:650}.required-label:after{content:" *";color:#b42318;font-weight:700}p-button{display:block}.p-button{width:100%;border-radius:14px;padding:12px 14px;font:inherit;font-weight:650;cursor:pointer}.p-button-success.p-button-outlined{background:var(--action);border:1px solid var(--action-strong);color:#fff}.p-button-success.p-button-outlined:hover:not(:disabled){background:var(--action);border-color:var(--action-strong);color:#fff}.p-button:disabled,.p-button-success.p-button-outlined:disabled{background:#e5e7eb;border:1px solid #d1d5db;color:#8b95a1;cursor:default}.form-grid textarea{resize:vertical;min-height:110px}.search-select{position:relative}.search-select-trigger{width:100%;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;box-shadow:none}.form-grid .search-select-trigger,.form-grid .search-select-trigger:hover:not(:disabled),.form-grid .search-select-option,.form-grid .search-select-option:hover:not(:disabled){background:#fff;border-color:var(--border);color:var(--ink)}.search-select-caret{color:var(--muted);flex:0 0 auto}.search-select-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:20;background:var(--surface-strong);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 40px #13182029;padding:12px}.search-select-input{width:100%;border-radius:14px;border:1px solid var(--border);padding:12px 14px;font:inherit;background:#fff;color:var(--ink)}.search-select-options{display:grid;gap:6px;margin-top:10px;max-height:220px;overflow-y:auto}.search-select-option{width:100%;background:#fff;color:var(--ink);text-align:left;border:1px solid var(--border);border-radius:14px;box-shadow:none}.search-select-option:hover{background:#fff}.search-select-empty{margin:6px 0 0;color:var(--muted);font-size:.95rem}.form-grid button,.profile button{background:var(--action);border-color:var(--action-strong);color:#fff;cursor:pointer}.form-grid button:hover:not(:disabled),.profile button:hover:not(:disabled),button:hover:not(:disabled){filter:none}.users-table select{min-width:140px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid rgba(148,163,184,.4);border-radius:12px;padding:10px 38px 10px 14px;font:inherit;color:var(--ink);background:linear-gradient(45deg,transparent 50%,#64748b 50%) calc(100% - 18px) calc(50% - 2px) / 7px 7px no-repeat,linear-gradient(135deg,#64748b 50%,transparent 50%) calc(100% - 13px) calc(50% - 2px) / 7px 7px no-repeat,#fff;box-shadow:0 6px 18px #1318200f;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.users-table select:hover:not(:disabled){border-color:#64748b80;background-color:#f8fafc}.users-table select:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 4px #94a3b82e}.users-table select:disabled{opacity:.65;cursor:default;background:linear-gradient(45deg,transparent 50%,#94a3b8 50%) calc(100% - 18px) calc(50% - 2px) / 7px 7px no-repeat,linear-gradient(135deg,#94a3b8 50%,transparent 50%) calc(100% - 13px) calc(50% - 2px) / 7px 7px no-repeat,#f8fafc}.sidebar .profile{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);justify-items:start}.sidebar.sidebar-collapsed .profile{justify-items:center}.checkbox{grid-auto-flow:column;justify-content:start;align-items:center}.error{color:#b91c1c;margin:0}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px}.login-card{width:min(100%,420px)}.modal-backdrop{position:fixed;inset:0;background:#0f172a6b;display:grid;place-items:center;padding:24px}.modal-card{width:min(100%,720px);max-height:calc(100vh - 48px);overflow:auto}.evaluation-modal{width:min(100%,980px)}.evaluation-form{margin-top:18px}.form-section{display:grid;gap:14px;padding-top:18px;border-top:1px solid rgba(226,232,240,.9)}.form-section h4{margin:0}.evaluation-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.subject-row{display:grid;grid-template-columns:minmax(180px,1fr) 130px minmax(220px,1.4fr) 44px;gap:12px;align-items:end}.secondary-button,.icon-button{color:#4d5866;cursor:pointer}.secondary-button:not(:disabled){background:var(--action);border-color:var(--action-strong);color:#fff}.secondary-button{box-shadow:none}.icon-button{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#b42318}.icon-button:disabled{opacity:.45;cursor:default}.muted-card{margin-top:20px}.muted-dark{color:var(--muted)}@media (max-width: 900px){.layout,.layout.layout-sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr}.sidebar{height:100vh;padding:24px 14px}.content{padding:20px}.bootstrap-table-toolbar,.bootstrap-table-pagination{flex-direction:column;align-items:stretch}.bootstrap-table-pagination{justify-content:flex-start;flex-wrap:wrap}.subject-row{grid-template-columns:1fr}.icon-button{width:100%}}