@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;450;500;550;600;650;700;750&display=swap');
:root{font-family:Roboto,Arial,sans-serif;font-synthesis:none;--olive:#333d2d;--terra:#853e35;--gold:#b88542;--text:#3d4435;--muted:#8a887d;--cream:#faf7ee;--line:#eae5d9;--green:#458466;color:var(--text);background:#f3eee2}*{box-sizing:border-box}body{margin:0;background:linear-gradient(115deg,#f6f3e8 0%,#f2ede2 60%,#e9dfd2 100%);min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:not-allowed}a{text-decoration:none;color:inherit}svg{vertical-align:middle;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b88845;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:-.8px;line-height:1.2;margin-bottom:8px;font-weight:750}h2{font-size:18px;letter-spacing:-.45px;line-height:1.25;margin:0;font-weight:700}h3{font-size:14px;margin:0 0 8px;line-height:1.3}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#fdfbf4;padding:28px 15px 20px;display:flex;flex-direction:column;z-index:30;border-right:1px solid #ece7db;overflow-y:auto;scrollbar-width:thin}.brand{display:flex;gap:10px;align-items:center;padding:0 7px 19px;border-bottom:1px solid #deded0;min-height:87px}.brand>img{width:53px;height:53px;object-fit:contain;border-radius:50%;background:white;box-shadow:0 2px 9px #3e453119}.brand strong{display:block;font-size:14px;line-height:1.06;font-weight:750;color:#30382b}.brand small{font-size:10px;color:#8b897c;display:block;margin-top:5px}.portal-card{position:relative;overflow:hidden;background:linear-gradient(125deg,#2b3528,#333b2c 70%,#514831);border-radius:17px;color:#fffdf4;padding:16px 14px 15px;margin:16px 0 22px;box-shadow:0 12px 20px #5c583e13;flex-shrink:0}.portal-card:after{content:'';position:absolute;right:-17px;bottom:-22px;width:92px;height:92px;background:#9c824b20;border-radius:50%;pointer-events:none}.portal-live{background:#ffffff20;font-size:9px;padding:5px 8px;border-radius:20px;display:inline-flex;align-items:center;gap:4px;font-weight:500}.portal-live i{width:5px;height:5px;border-radius:50%;background:#e4eee0}.portal-card h2{font-size:15px;margin:13px 0 6px;letter-spacing:0}.portal-card p{font-size:11px;line-height:1.4;margin:0;color:#d9d8c9;position:relative;z-index:1}.nav-caption{font-size:9px;letter-spacing:1.7px;color:#8c8a7d;margin:0 9px 11px;font-weight:600}nav{display:grid;gap:7px}.nav-item{background:transparent;border:1px solid transparent;border-radius:11px;display:flex;align-items:center;gap:10px;padding:9px;text-align:left;min-height:43px;font-size:12px;font-weight:550;color:#494a3b;width:100%}.nav-item>svg{width:28px;height:28px;background:#f1e9da;border-radius:8px;padding:7px;color:#6a6550;flex-shrink:0}.nav-item:hover{background:#f6f0e5}.nav-item.active{background:#f2e8dc;border-color:#e9ddcf;color:#78372e;font-weight:700}.nav-item.active>svg{background:#813f36;color:white}.nav-count{font-size:9px;color:#8b8171;margin-left:auto}.nav-separator{display:none}.sidebar-bottom{margin-top:auto;padding-top:28px}.mock-note{background:#f3e9da;border:1px solid #e7dccb;border-radius:12px;padding:13px 12px;color:#776f5e;font-size:10px;line-height:1.3}.mock-note strong{font-size:10px;color:#595446;display:block;margin-bottom:5px}.mock-note p{margin:0}.mock-note small{display:block;font-size:9px;margin-top:7px;color:#a08a67}.view-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:13px;padding:0 3px}.view-links a,.view-links button{background:none;color:#8c806a;font-size:9px;display:flex;align-items:center;gap:4px;padding:0}.view-links svg{width:12px;height:12px}.teacher-profile{display:none}.workspace{margin-left:244px;min-height:100vh}.topbar{display:none}main{padding:27px 25px 24px;max-width:1600px;margin:auto;min-height:calc(100vh - 48px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.page-heading>div:first-child{max-width:540px}.page-heading p{color:#8c877b;font-size:12px;line-height:1.35;margin:0;max-width:450px}.eyebrow{font-size:10px;font-weight:700;color:#b37b36;letter-spacing:1.4px;margin-bottom:7px}.heading-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.header-search{display:flex;align-items:center;width:230px;border:1px solid #eae5dc;border-radius:12px;background:#fdfbf8;padding:11px;box-shadow:0 4px 10px #65553f0a;color:#a09a8a}.header-search input{border:0;background:none;outline:0;color:#5e6254;width:100%;font-size:10px;line-height:1.3;min-width:0}.header-search svg{width:12px;height:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #7f3c331c;background:#873e35;color:#fffefa;border-radius:9px;padding:12px 15px;font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap;box-shadow:0 4px 9px #7449380a}.button:hover{filter:brightness(.95)}.button svg{width:14px;height:14px}.button.secondary{background:#fffef8;color:#5a5c4b;border-color:#e6e4da}.button.gold{background:#bc8b49;border-color:#b7833f}.button.light{background:#f5eddf;color:#8c6938;border-color:#eadfc9}.button.danger{background:#f8eae3;color:var(--terra);border-color:#eaccc1}.button.small{font-size:10px;padding:9px 11px}.button.terracotta{background:var(--terra)}.full-width{width:100%}.icon-button{background:transparent;padding:6px;color:#7a7e6b;display:inline-grid;place-items:center;border-radius:6px}.icon-button:hover{background:#f2ede4}.panel{background:#fffefaee;border:1px solid #eeebe2;border-radius:19px;box-shadow:0 13px 25px #6c63401c;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 20px 14px}.panel-sub{font-size:11px;color:#918d80;margin:6px 0 0;line-height:1.4}.panel-body,.content-pad{padding:20px}.panel-head+.panel-body{padding-top:0}.panel-label{font-size:10px;color:#66614f;background:#eee7d8;border-radius:20px;display:inline-flex;align-items:center;gap:5px;padding:6px 10px;font-weight:600}.ref-access-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:16px;align-items:stretch;margin-bottom:18px}.ref-student{padding:14px;background:linear-gradient(120deg,#f4e8df,#f6f0e6);border:1px solid #ecddd1;border-radius:16px;display:flex;align-items:center;gap:14px}.avatar{display:inline-grid;place-items:center;flex-shrink:0;border-radius:50%;height:31px;width:31px;font-size:11px;color:white;background:linear-gradient(135deg,#7d3a31,#b98c4e);font-weight:600}.avatar.small{height:29px;width:29px;font-size:10px}.avatar.large{width:72px;height:72px;border-radius:20px;font-size:25px;box-shadow:0 6px 15px #995e3d20}.ref-student h3{font-size:19px;letter-spacing:-.4px;margin-bottom:5px}.ref-student p{font-size:11px;color:#8c8679;margin-bottom:9px}.ref-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.badge{font-size:9px;line-height:1.15;display:inline-flex;align-items:center;gap:4px;background:#ecebdd;color:#4f5541;border-radius:20px;padding:5px 8px;white-space:nowrap;font-weight:600}.badge.ready,.badge.active,.badge.delivered{color:#398360;background:#e5efe2}.badge.called{color:#47718d;background:#e9f0f1}.badge.waiting,.badge.scheduled{color:#ae7e36;background:#f5e9ce}.badge.review,.badge.revoked{color:#994f3b;background:#f5e3dc}.badge.used{color:#777664;background:#edecdf}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.mini-stats>div{background:#fdf9ef;border:1px solid #ece6d8;border-radius:13px;padding:12px}.mini-stats strong{display:block;font-size:17px;letter-spacing:-.5px;margin-bottom:5px}.mini-stats small{font-size:9px;color:#827e6c}.ref-detail-grid,.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}.ref-detail-grid>div{border:1px solid #ece6d8;border-radius:13px;background:#fcf8ed;padding:12px}.ref-detail-grid small,.detail-grid small{display:block;font-size:9px;font-weight:600;letter-spacing:.7px;color:#928b78;margin-bottom:7px}.ref-detail-grid strong,.detail-grid>div{font-size:12px;color:#4c523e;line-height:1.4}.ref-buttons{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap}.rule-list{display:grid;gap:10px}.rule{display:flex;gap:8px;align-items:flex-start;padding:14px 12px;border:1px solid #eee5d6;border-radius:13px;background:#fdf8ed}.rule>span{display:inline-grid;place-items:center;background:#e7efe3;border-radius:50%;width:17px;height:17px;color:#5e8d66;flex-shrink:0;margin-top:1px}.rule svg{width:11px;height:11px}.rule strong{font-size:12px;display:block;margin-bottom:4px;color:#4b523e}.rule p{font-size:10px;color:#9a917f;line-height:1.45;margin:0}.rule:last-child{min-height:73px}.table-wrap{overflow-x:auto;padding:0 14px 13px;scrollbar-width:thin}table{border-collapse:separate;border-spacing:0 7px;width:100%;white-space:nowrap;text-align:left}th{font-size:8px;font-weight:600;letter-spacing:1px;color:#8e8b7a;padding:7px 10px}td{background:#fcf6ec;border-top:1px solid #ede5d6;border-bottom:1px solid #ede5d6;padding:13px 10px;font-size:11px;color:#7d7f6a;line-height:1.4}td:first-child{border-left:1px solid #ede5d6;border-radius:12px 0 0 12px}td:last-child{border-right:1px solid #ede5d6;border-radius:0 12px 12px 0}tr:hover td{background:#f7efdf}.student-cell{display:flex;align-items:center;gap:8px}.student-name{font-weight:600;font-size:11px;color:#4d523f;display:block}.student-sub{font-size:9px;color:#9b917f;display:block;margin-top:3px}.table-action{background:#f4e7d4;color:#8b6938;font-size:9px;border-radius:6px;padding:6px 8px}.table-action.ready{background:#e5edde;color:#4f7d52}.table-foot{padding:10px 20px 16px;display:flex;justify-content:space-between;gap:10px;color:#9a9586;font-size:9px}.link-button{display:inline-flex;gap:6px;align-items:center;background:none;padding:4px;color:#78694f;font-size:10px}.link-button svg{height:13px;width:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric{position:relative;overflow:hidden;background:#fffdf8;border:1px solid #ede7db;border-radius:18px;box-shadow:0 9px 22px #6a5b3515;padding:17px 17px 14px;min-height:115px}.metric:after{content:'';position:absolute;right:-20px;bottom:-21px;width:72px;height:72px;background:#f3eadb99;border-radius:50%;pointer-events:none}.metric-head{font-size:11px;color:#7c7a67;font-weight:500}.metric-value{font-size:28px;letter-spacing:-1px;font-weight:750;margin:9px 0 5px;line-height:1}.metric-value small{font-size:16px;margin-left:4px;letter-spacing:-.3px}.metric-foot{display:inline-flex;background:#e7efe4;border-radius:20px;font-size:9px;font-weight:600;color:#43866a;padding:5px 7px;position:relative;z-index:1}.metric-foot.amber{background:#f5e7cd;color:#b68435}.metric-icon{display:none}.ref-queue-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:16px;align-items:stretch}.bay-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 18px 9px}.bay{border:1px solid #ede5d6;border-radius:15px;background:#fcf8ec;padding:14px 11px;text-align:left;color:#4c523d;display:flex;flex-direction:column;min-width:0}.bay.selected{box-shadow:inset 0 0 0 1px #bf9257;background:#fbf3e4}.bay strong{font-size:11px;line-height:1.3;margin-bottom:6px}.bay p{font-size:10px;color:#8c8779;margin:0 0 4px;line-height:1.35}.bay small{font-size:9px;color:#9d937f;line-height:1.4}.bay-bottom{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:11px;font-size:12px;font-weight:700}.bay .badge{white-space:normal;font-size:8px;border-radius:10px;padding:5px;max-width:70px}.ref-qr{background:#fff;border-radius:10px;width:55px;height:55px;display:grid;place-items:center;box-shadow:0 3px 8px #7d675218;flex-shrink:0}.ref-qr svg{width:43px;height:43px;color:#252a23;stroke-width:3}.verification-card .ref-student h3{font-size:17px}.verification-card .ref-student p{font-size:10px;line-height:1.5;margin-bottom:8px}.verification-card .rule-list{margin-top:12px}.queue-toolbar{display:flex;align-items:center;gap:9px;padding:12px 19px 6px;flex-wrap:wrap}.queue-toolbar select{font-size:10px;padding:7px;background:#fffdf8}.queue-toolbar input{font-size:10px;border:1px solid #e8dfcf;border-radius:8px;padding:8px;background:#fffdf8;min-width:130px;flex:1;color:#666d57}.queue-detail-link{margin:0 20px 15px;display:flex;gap:10px;flex-wrap:wrap}.section-note{font-size:10px;color:#9a8b72;line-height:1.5;margin:15px 0 0}.dashboard-links{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.dashboard-link{display:flex;gap:13px;align-items:center;background:#fffaf2;border:1px solid #e9dfd0;border-radius:17px;padding:22px;color:#555c44;text-align:left;box-shadow:0 8px 20px #6f5c3910}.dashboard-link svg{width:25px;height:25px;color:#9b713e}.dashboard-link strong{display:block;font-size:14px;margin-bottom:6px}.dashboard-link small{font-size:10px;color:#9b927e}.split{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.aside-stack{display:grid;gap:17px;align-content:start}.notice{display:flex;align-items:center;gap:10px;border:1px solid #e8ddc5;background:#f8f0dc;border-radius:12px;padding:15px 18px;color:#9b7a41;font-size:11px;line-height:1.6;margin-bottom:20px}.notice svg{width:19px;height:19px}.welcome-strip{background:#f6eedc;border-left:3px solid #b78d50;padding:13px;margin:18px 0;font-size:12px;color:#8e7955;line-height:1.6}.permission-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:17px 20px;border-top:1px solid #f0e6d6}.permission-card p{font-size:11px;line-height:1.4;color:#948b7c;margin:0}.permission-card h3{font-size:14px}.permission-card .badge{margin-left:auto}.hint-card{display:flex;gap:11px;background:#f9f1e2;border:1px solid #ecdfc8;border-radius:14px;padding:18px;color:#9b7f53}.hint-card p{font-size:11px;line-height:1.7;margin:0;color:#93836c}.hint-card h3{font-size:12px}.hint-inline{font-size:10px;line-height:1.7;color:#9b907d;margin:16px 0 0}.gate-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ece5d6;padding:15px 0}.gate-row:last-child{border-bottom:0}.gate-row strong{font-size:12px;display:block}.gate-row small{font-size:10px;color:#9d917d;margin-top:5px;display:block}.student-card-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}.student-card-top p{font-size:11px;color:#978e7e}.empty{padding:35px 20px;font-size:12px;color:#9a8e78;line-height:1.8;text-align:center}.form-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.form-field label{font-size:11px;font-weight:500;color:#72745e}.form-field input,.form-field select,.form-field textarea{padding:12px;border-radius:9px;border:1px solid #e8dfcf;background:#fffdf7;color:#5b614b;font-size:12px;width:100%}.form-field textarea{min-height:100px;resize:vertical}select{font-size:11px;padding:10px;border:1px solid #e6dfd0;border-radius:8px;background:#fffdf6;color:#666952;max-width:100%}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bar-chart{height:190px;display:flex;gap:22px;align-items:flex-end;border-bottom:1px solid #e9ddc7;padding:20px 15px 30px;margin-bottom:26px}.bar-group{height:100%;flex:1;display:flex;align-items:flex-end;justify-content:center;gap:5px;position:relative}.bar{width:30%;min-width:12px;border-radius:5px 5px 0 0;background:#6f805b}.bar.alt{background:#b99462}.bar-group>span{position:absolute;bottom:-24px;font-size:10px;color:#93856e}.chart-legend{display:flex;gap:15px;font-size:10px;color:#8c816d}.chart-legend>span:before{content:'';display:inline-block;width:8px;height:8px;background:#6f805b;border-radius:2px;margin-right:6px}.chart-legend>span:last-child:before{background:#b99462}.report-stat{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #f0e5d2;color:#8e846f;font-size:12px}.report-stat strong{font-size:24px;color:#566247}.timeline{padding:10px 20px 20px}.event{border-left:1px solid #e0dfcf;padding:0 0 21px 20px;position:relative}.event:before{content:'';height:7px;width:7px;background:#95a37c;border-radius:50%;position:absolute;left:-4px;top:3px}.event:last-child{border:0;padding-bottom:0}.event-time{font-size:9px;color:#a29887;margin-bottom:5px}.event-title{font-size:12px;line-height:1.5;font-weight:500}.event-detail{font-size:10px;line-height:1.5;color:#9b8f7c;margin-top:4px}.footer{padding:14px 25px 18px;font-size:9px;color:#a69a86;max-width:1600px;margin:auto}.footer>span{padding:0 6px}dialog{border:1px solid #e6dac6;border-radius:20px;padding:0;width:min(510px,calc(100% - 30px));max-height:90vh;background:#fffdf7;color:var(--text);box-shadow:0 30px 100px #353a2540}dialog::backdrop{background:#28302280;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:23px 25px 0;gap:15px}.modal-head h2{font-size:22px}.modal-body{padding:20px 25px 25px}.modal-body>p{font-size:12px;line-height:1.7;color:#90856f}.modal-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}.modal-student{background:#f5ecde;border:1px solid #e8dbc7;padding:15px;border-radius:13px;display:flex;gap:13px;align-items:center;margin-bottom:16px}.modal-student strong{font-size:14px}.modal-student small{font-size:11px;display:block;margin-top:5px;color:#92846b}.check-row{display:flex;gap:10px;padding:12px 0;align-items:flex-start;font-size:12px;line-height:1.6;color:#75765d}.check-row input{width:15px;height:15px;flex-shrink:0;accent-color:#833e34;margin-top:3px}.status-steps{display:flex;gap:5px;margin:20px 0}.status-step{height:4px;border-radius:9px;background:#e9e6d6;flex:1}.status-step.done{background:#9aa57a}.toast{position:fixed;bottom:24px;left:calc(50% + 100px);transform:translate(-50%,20px);background:#35402e;color:#fffdf5;border-radius:12px;box-shadow:0 10px 25px #35382230;padding:15px 23px;font-size:12px;max-width:calc(100% - 35px);opacity:0;pointer-events:none;transition:.2s;z-index:100}.toast.visible{opacity:1;transform:translate(-50%,0)}.message-item{padding:17px 0;border-bottom:1px solid #ece3d1}.message-item small{font-size:10px;color:#a18c6d}.message-item h3{font-size:14px;margin:8px 0}.message-item p{font-size:12px;line-height:1.6;color:#92836a;margin:0}.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.role-card{padding:22px;background:#fffaf0;border:1px solid #e9ddc7;border-radius:15px}.role-card>svg{color:#a27d43;margin-bottom:12px}.role-card p{font-size:12px;line-height:1.7;color:#98866b}.attendance-toggle{background:#e7efe0;border:1px solid #d2dfc5;color:#527f54;border-radius:20px;padding:7px 9px;font-size:10px}.attendance-toggle.absent{background:#f6e4dc;color:#9c5741;border-color:#e5c8bc}.comm-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.comm-message{padding:18px;border:1px solid #eee3d0;border-radius:13px;background:#fcf7ed;margin-bottom:10px}.comm-message small{font-size:9px;color:#a38c68}.comm-message p{font-size:11px;line-height:1.6;color:#8b806b;margin:8px 0 0}.comm-message h3{font-size:13px;margin:8px 0 0}.ref-action-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:16px}.screen-switch{font-size:10px;color:#8a795e}
body.dark-shell .sidebar{background:linear-gradient(130deg,#484c32,#2c3529 65%,#262d24);border-right-color:#4d513d;color:#f9f6e9}body.dark-shell .brand{border-bottom-color:#ffffff1c}body.dark-shell .brand strong,body.dark-shell .brand small{color:#e8e7d7}body.dark-shell .portal-card{display:none}body.dark-shell .nav-caption{margin-top:29px;color:#b1b099}body.dark-shell .nav-item{color:#d3d4c2;font-weight:400}body.dark-shell .nav-item>svg{color:#dddcc6;background:none;padding:5px}body.dark-shell .nav-item.active{background:#6c644233;border-color:#8f805f44;color:#fff9e9}body.dark-shell .mock-note{background:#ffffff08;color:#c2c4b1;border-color:#ffffff16}body.dark-shell .mock-note strong{color:#e7e7d9}body.dark-shell .mock-note small{color:#aaa994}body.dark-shell .view-links a,body.dark-shell .view-links button{color:#c1c1ab}body.dark-shell .teacher-profile{display:flex;align-items:center;gap:10px;margin-top:15px;padding:12px;background:#ffffff09;border:1px solid #ffffff11;border-radius:12px;font-size:11px}body.dark-shell .teacher-profile small{display:block;margin-top:5px;color:#aab29d;font-size:9px}body.dark-shell .workspace{background:#f7f7f2}body.is-classroom .brand{flex-direction:column;text-align:center;padding-bottom:18px}body.is-classroom .brand img{width:75px;height:75px}body.is-classroom .brand strong{font-size:13px;letter-spacing:.6px;line-height:1.1}body.is-classroom .brand small{display:none}
@media(min-width:1550px){.sidebar{width:265px;padding:30px 19px}.workspace{margin-left:265px}main{padding:33px 30px}.ref-access-grid,.ref-queue-grid{gap:20px}.panel-head{padding:24px 24px 17px}.panel-body{padding:24px}.rule{padding:18px 14px}.rule strong{font-size:14px}.rule p{font-size:12px}.ref-student h3{font-size:22px}.ref-detail-grid strong{font-size:14px}.ref-detail-grid small{font-size:10px}td{font-size:12px}.student-name{font-size:12px}.brand strong{font-size:16px}.brand img{width:58px;height:58px}.nav-item{font-size:13px;min-height:46px}.header-search{width:260px}.page-heading p{font-size:13px}}
@media(max-width:1280px){.sidebar{width:216px;padding:22px 12px}.workspace{margin-left:216px}.brand{padding-left:2px;padding-right:2px;gap:7px}.brand img{width:48px;height:48px}.brand strong{font-size:13px}.brand small{font-size:9px}.nav-item{font-size:11px;gap:8px;padding:7px;min-height:40px}.nav-item>svg{width:25px;height:25px;padding:6px}.portal-card{padding:14px 12px}.portal-card p{font-size:10px}.portal-card h2{font-size:14px}main{padding:24px 20px}.page-heading{gap:14px}h1{font-size:24px}.page-heading p{font-size:11px}.header-search{width:180px}.heading-actions{gap:7px}.heading-actions .button{font-size:10px;padding:11px}.panel-head{padding:18px 17px 13px}.panel-body{padding:17px}h2{font-size:17px}.ref-student h3{font-size:17px}.ref-detail-grid{gap:8px}.ref-detail-grid>div{padding:11px}.rule{padding:12px 10px}.rule strong{font-size:11px}.rule p{font-size:10px}.mini-stats>div{padding:11px}.ref-detail-grid strong{font-size:11px}.bay-grid{gap:7px;padding:0 13px 9px}.bay{padding:12px 8px}.ref-queue-grid{grid-template-columns:1.15fr 1fr}.sidebar-bottom{padding-top:19px}.view-links{gap:7px}.mock-note{font-size:9px}}
@media(max-width:1100px){.header-search{width:150px}.heading-actions .button{padding:10px 8px;font-size:9px}.heading-actions .button svg{width:12px;height:12px}.page-heading>div:first-child{max-width:360px}.ref-access-grid,.ref-queue-grid{gap:12px}.ref-student{padding:12px;gap:9px}.avatar.large{width:60px;height:60px;font-size:22px}.ref-student h3{font-size:16px}.ref-student p{font-size:10px}.ref-student .badge{font-size:8px}.ref-detail-grid strong{font-size:10px}.ref-detail-grid small{font-size:8px}.metrics{gap:10px}.metric{padding:15px 13px}.metric-head{font-size:10px}.metric-value{font-size:26px}.metric-foot{font-size:8px}.bay-grid{grid-template-columns:1fr}.bay{display:grid;grid-template-columns:1fr 1fr;padding:10px 12px}.bay strong{grid-column:1}.bay p,.bay small{grid-column:1}.bay-bottom{grid-column:2;grid-row:1/4;margin:0;justify-content:flex-end}.ref-queue-grid{grid-template-columns:1.2fr 1fr}.dashboard-links{grid-template-columns:1fr 1fr}.security-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.sidebar{width:200px}.workspace{margin-left:200px}.brand strong{font-size:12px}.brand img{width:42px;height:42px}.page-heading{flex-wrap:wrap;align-items:flex-start}.page-heading>div:first-child{max-width:none}.heading-actions{width:100%}.header-search{flex:1;min-width:150px}.ref-access-grid,.ref-queue-grid{grid-template-columns:1fr}.rule{padding:15px}.rule strong{font-size:12px}.ref-detail-grid strong{font-size:12px}.ref-detail-grid small{font-size:9px}.metrics{grid-template-columns:1fr 1fr}.bay-grid{grid-template-columns:repeat(3,1fr)}.bay{display:flex;padding:14px 10px}.bay-bottom{margin-top:10px;justify-content:space-between}.comm-grid,.split{grid-template-columns:1fr}.ref-student h3{font-size:20px}.ref-student p{font-size:11px}.ref-student .badge{font-size:9px}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);width:244px;transition:transform .2s;box-shadow:6px 0 30px #3135222a;padding-top:25px}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.topbar{display:flex;justify-content:space-between;align-items:center;background:#fffdf7;border-bottom:1px solid #e9e0ce;height:55px;padding:0 15px;font-size:11px;color:#81775e;gap:12px}.topbar a{margin-left:auto;display:flex;gap:6px;align-items:center;font-size:10px}.topbar a svg{width:12px;height:12px}.topbar #breadcrumb-current{font-weight:600}main{padding:22px 15px;min-height:calc(100vh - 100px)}h1{font-size:25px}.page-heading{gap:17px;margin-bottom:17px}.page-heading p{font-size:12px}.heading-actions{gap:7px;flex-wrap:wrap}.header-search{min-width:100%;padding:12px}.header-search input{font-size:11px}.heading-actions .button{padding:11px 13px;font-size:10px}.metrics{gap:11px}.metric{min-height:113px;padding:17px}.metric-head{font-size:11px}.metric-value{font-size:27px}.metric-foot{font-size:8px}.bay-grid{gap:7px}.bay strong{font-size:10px}.bay p{font-size:9px}.bay small{font-size:8px}.bay .badge{font-size:7px}.bay-bottom{font-size:10px;gap:3px}.verification-card .ref-student h3{font-size:18px}.ref-access-grid,.ref-queue-grid{gap:16px}.panel{border-radius:17px}.panel-head{padding:19px 17px 14px}.panel-body{padding:17px}.rule-list{gap:9px}.rule p{font-size:11px}.rule strong{font-size:13px}.rule{padding:14px 12px}.ref-student h3{font-size:19px}.mini-stats strong{font-size:18px}.mini-stats small{font-size:9px}.ref-detail-grid strong{font-size:11px}.ref-detail-grid small{font-size:8px}.ref-detail-grid>div{padding:12px}.dashboard-links{grid-template-columns:1fr}.security-grid{grid-template-columns:1fr}.toast{left:50%;font-size:11px}.form-row{grid-template-columns:1fr}.footer{padding:10px 15px 18px;font-size:8px}.ref-buttons .button{flex:1;font-size:10px}.table-wrap{padding-left:10px;padding-right:10px}th{font-size:8px}td{font-size:10px}.student-name{font-size:10px}.mock-note{font-size:10px}.brand strong{font-size:14px}.brand img{width:54px;height:54px}.nav-item{font-size:12px;min-height:43px}.portal-card p{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Ajustes finales de navegación y altura de la propuesta. */
.dark-shell .nav-item:hover{background:#ffffff0c;color:#fff}.dark-shell .nav-item.active:hover{background:#6c644233;color:#fff9e9}
@media(min-width:701px) and (max-height:900px){.sidebar{padding-top:20px}.portal-card{margin-top:12px;margin-bottom:16px}.sidebar-bottom{margin-top:18px}.nav-item{min-height:45px}}