:root{font-family:Inter,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#edf3ff;color:#1f2f5b}.page-shell{min-height:100vh;padding:.75rem;background:radial-gradient(circle at 4% 10%,rgba(63,94,251,.16),transparent 24%),radial-gradient(circle at 95% 82%,rgba(76,201,240,.18),transparent 26%),linear-gradient(160deg,#f6f9ff,#eef4ff 60%,#eaf2ff)}.dashboard-panel{width:100%;max-width:none;margin:0}.dashboard-shell{display:grid;grid-template-columns:255px minmax(0,1fr);gap:1rem;min-height:calc(100vh - 1.5rem)}.sidebar{background:#ffffffc7;border:1px solid rgba(184,204,255,.55);border-radius:1.35rem;box-shadow:0 18px 38px #5e72e429;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.95rem;display:flex;flex-direction:column;gap:.9rem}.sidebar-brand{color:#1f2f6a;font-size:1.01rem;font-weight:700;letter-spacing:.01em;padding:.45rem .55rem}.sidebar-nav{display:grid;gap:.5rem}.tab-btn{border:1px solid transparent;border-radius:.85rem;padding:.65rem .75rem;background:transparent;color:#4d5f8f;font-weight:600;text-align:left;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:#f0f5ff;color:#2f3f78}.tab-btn.active{background:linear-gradient(135deg,#e9f0ff,#dcf7ff);border-color:#bfd5ff;color:#26458f}.workspace{background:#fffc;border:1px solid rgba(186,205,255,.55);border-radius:1.35rem;box-shadow:0 18px 40px #5e72e424;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;display:grid;gap:.95rem}.workspace-header{border:1px solid #e2eafe;border-radius:1rem;background:#ffffffdb;padding:.9rem 1rem}.workspace-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.9rem}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.11em;font-size:.7rem;color:#5b73cb;font-weight:700}h1{margin:.3rem 0 0;color:#1f2f5b;font-size:clamp(1.22rem,2.55vw,1.75rem);font-weight:700}.subtitle{margin:.36rem 0 0;color:#64729a;font-size:.93rem}.header-meta{display:flex;align-items:center;gap:.46rem}.meta-badge,.meta-date{border:1px solid #d7e4ff;border-radius:999px;padding:.28rem .62rem;font-size:.73rem;font-weight:600;background:#f8fbff;color:#5c6f9d}.meta-badge{color:#0f7a66;border-color:#9de8d8;background:#e8fcf6}.management-card{border:1px solid #dfe9ff;border-radius:1rem;background:#ffffffe6;padding:.9rem;box-shadow:0 12px 26px #5e72e417}.management-header{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding-bottom:.45rem}.management-header h2{margin:0;color:#1f2f5b;font-size:.98rem}.section-subtitle{margin:.08rem 0 0;color:#6a79a0;font-size:.76rem}.management-layout{margin-top:.35rem;display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:.8rem}.management-layout.single-column{grid-template-columns:1fr}.form-panel,.table-panel{border:1px solid #e2eafe;border-radius:.95rem;background:#fff;padding:.8rem}.table-panel{min-height:62vh;display:flex;flex-direction:column}.login-panel{width:min(100%,470px);margin:3.2rem auto 0;border:1px solid #dce8ff;border-radius:1.1rem;background:#ffffffe6;box-shadow:0 20px 44px #5e72e429;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1.45rem}.login-form,.word-form{display:grid;gap:.6rem}label{color:#2c3c69;font-size:.85rem;font-weight:600}input,.search-input,.filter-select{border:1px solid #d0defb;border-radius:.75rem;background:#fff;color:#1f2f5b;padding:.65rem .74rem;font-size:.91rem;transition:border-color .18s ease,box-shadow .18s ease}input:focus,.search-input:focus,.filter-select:focus{outline:none;border-color:#8ea9ff;box-shadow:0 0 0 3px #8ea9ff38}.primary-btn,.secondary-btn,.link-btn,.danger-btn{border-radius:.74rem;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease}.primary-btn{border:1px solid #4d6bff;background:linear-gradient(135deg,#5f7dff,#4a67f0);color:#fff;padding:.61rem .9rem}.primary-btn:hover{filter:brightness(.96)}.primary-btn:disabled{opacity:.72;cursor:wait}.secondary-btn{border:1px solid #cfdbfa;background:#f8fbff;color:#44557f;padding:.58rem .84rem}.secondary-btn:hover{background:#eff4ff}.word-form-actions,.row-actions{display:flex;flex-wrap:wrap;gap:.5rem}.link-btn{border:1px solid #b8cfff;background:#edf3ff;color:#2f56b7;padding:.33rem .56rem}.link-btn:hover{background:#e4edff}.danger-btn{border:1px solid #ffc6d4;background:#fff1f5;color:#cc335f;padding:.33rem .56rem}.danger-btn:hover{background:#ffe9ef}.list-toolbar{display:grid;grid-template-columns:1.4fr minmax(150px,220px) auto;gap:.58rem;margin-bottom:.66rem}.toolbar-btn{margin-top:0;white-space:nowrap}.table-wrap{border:1px solid #e2eafe;border-radius:.92rem;overflow:auto;flex:1}table{width:100%;border-collapse:collapse;min-width:640px}th,td{text-align:left;border-bottom:1px solid #edf2ff;padding:.62rem .72rem;color:#2c3c69;font-size:.87rem}th{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:#7385ad;background:#f9fbff}.table-note{margin:.2rem 0;color:#7383a7;font-size:.87rem}.nav-logout{margin-top:auto}.messages-zone{width:100%;max-width:none;margin:.88rem auto 0}.feedback{margin:.44rem 0;border-radius:.72rem;padding:.54rem .72rem;font-size:.87rem;border:1px solid transparent}.feedback.error{border-color:#ffc9d7;background:#fff3f7;color:#b93560}.feedback.success{border-color:#b6eadf;background:#effdf8;color:#0d7660}.hint{margin:.56rem 0 0;color:#7183a8;font-size:.79rem}@media(max-width:980px){.page-shell{padding:.8rem}.dashboard-shell{grid-template-columns:1fr}.sidebar{border-radius:1rem}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.tab-btn,.nav-logout{text-align:center}.workspace-header-row{flex-direction:column}.management-layout{grid-template-columns:1fr}.table-panel{min-height:52vh}.list-toolbar{grid-template-columns:1fr}.toolbar-btn{width:100%}}@media(max-width:680px){.page-shell{padding:.65rem}.sidebar-nav{grid-template-columns:1fr}.management-header{flex-wrap:wrap}.management-header>div,.management-header .secondary-btn{width:100%}.word-form-actions{display:grid;grid-template-columns:1fr}.word-form-actions .primary-btn,.word-form-actions .secondary-btn{width:100%;margin-top:0}table{min-width:520px}.table-panel{min-height:45vh}}