@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#100b0d;--surface:#171114;--surface2:#21171a;--surface3:#2b1c21;--line:#49323a;--ink:#f3edee;--muted:#b5a3a6;--mint:#d5a0a7;--lime:#efc3bd;--gold:#d8ae84;--red:#ee8585;--r:20px;--shadow:0 24px 80px #0007}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif}body{font-size:13px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.app{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr);background:radial-gradient(ellipse at 80% -20%,#54283244,transparent 38%),var(--bg)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(170deg,#191114,#100b0d);border-right:1px solid #ffffff0e;display:flex;flex-direction:column;padding:22px 14px 13px;z-index:10}.brand{display:flex;gap:12px;align-items:center;padding:0 9px 22px;border-bottom:1px solid #ffffff0d}.brand-mark{width:41px;height:41px;display:grid;place-items:center;border:1px solid #d5a0a732;border-radius:14px;background:linear-gradient(145deg,#43242a,#201519);color:var(--mint);font-size:22px}.brand b{display:block;font-size:11px;letter-spacing:.1em}.brand small{display:block;margin-top:4px;color:var(--muted);font-size:9px;letter-spacing:.11em}.side-scroll{overflow:auto;padding-top:19px;scrollbar-width:thin;scrollbar-color:#4b343a transparent}.nav-label{font-size:9px;font-weight:800;letter-spacing:.15em;color:#928187;padding:0 11px 8px}.nav-gap{margin-top:19px}.nav{border:0;background:transparent;width:100%;height:39px;padding:0 11px;display:flex;align-items:center;gap:11px;text-align:left;color:#b5a3a6;border-radius:11px;font-size:11px;transition:.18s}.nav i{font-style:normal;width:17px;text-align:center;color:#bb9099;font-size:14px}.nav:hover{background:#ffffff09;color:#f6eff0}.nav.active{background:linear-gradient(90deg,#472731,#25171c);box-shadow:inset 2px 0 var(--mint);color:#f8f1f2}.nav-count{margin-left:auto;color:#b3989d;font-size:9px;padding:2px 6px;border:1px solid #ffffff13;border-radius:20px}.nav-presence{margin-left:auto;color:#aa9197;font-size:9px}.sidebar-bottom{margin-top:auto}.online-mark{font-size:9px;color:#aa969a;padding:9px 10px;display:flex;align-items:center;gap:7px}.online-mark span,.signal{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #d5a0a799;animation:blink 2s infinite}.user-mini{border-top:1px solid #ffffff10;padding:13px 4px 0;display:flex;align-items:center;gap:9px}.avatar{border:1px solid #d5a0a739;width:37px;height:37px;border-radius:13px;background:linear-gradient(135deg,#4b2932,#26181c);display:grid;place-items:center;color:#edcbd0;font-weight:800;flex:none}.user-mini-copy{min-width:0;flex:1}.user-mini-copy b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.user-mini-copy small{display:block;margin-top:2px;font-size:9px;color:var(--muted)}.icon-button{border:1px solid #ffffff17;background:#ffffff08;border-radius:11px;width:34px;height:34px;display:grid;place-items:center;color:#cbbcc0;transition:.2s}.icon-button:hover{color:var(--mint);border-color:#d5a0a751;background:#d5a0a70e}.main{min-width:0}.topbar{height:76px;border-bottom:1px solid #ffffff0d;padding:0 32px;display:flex;align-items:center;gap:23px;position:sticky;top:0;background:#120c0fE8;backdrop-filter:blur(18px);z-index:8}.crumb{display:flex;flex-direction:column;gap:4px;min-width:190px;flex:1}.crumb span{font-size:8px;color:#9d898f;letter-spacing:.14em;font-weight:800}.crumb b{font-size:13px}.top-search{height:38px;display:flex;align-items:center;gap:9px;flex:1;max-width:430px;margin:auto;border:1px solid #ffffff12;border-radius:12px;background:#ffffff05;padding:0 11px;color:#aa969a}.top-search>span{font-size:20px}.top-search input{border:0;outline:0;background:transparent;flex:1;width:80px;font-size:10px;color:var(--ink)}.top-search input::placeholder{color:#9d898f}.top-search kbd{font:9px Manrope;border:1px solid #ffffff1a;padding:3px 6px;border-radius:5px;color:#928187}.top-right{display:flex;align-items:center;gap:12px}.top-time{color:#b5a3a6;font:11px ui-monospace,monospace}.who-online{display:flex;align-items:center;gap:6px;background:none;border:0;padding:4px;color:#b5a3a6}.who-online .signal{width:5px;height:5px}.who-online b{font-size:11px;color:var(--mint)}.who-online small{font-size:9px}.avatar.small{width:32px;height:32px;border-radius:11px}.page{max-width:1430px;margin:0 auto;padding:28px 32px 70px}.menu-toggle{display:none}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin:0 0 18px}.eyebrow{font-size:9px;color:var(--mint);font-weight:800;letter-spacing:.15em}.page-heading h1{font-size:26px;letter-spacing:-.05em;margin:6px 0 0}.page-heading p{color:var(--muted);font-size:11px;margin:6px 0 0}.hero{position:relative;overflow:hidden;border:1px solid #d5a0a733;border-radius:25px;background:linear-gradient(112deg,#122a25f7,#21171af5 55%,#171114);min-height:267px;padding:28px 32px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;box-shadow:var(--shadow)}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 48%,#d5a0a713,transparent 27%);pointer-events:none}.hero-content{position:relative;z-index:1}.hero h1{font-size:clamp(32px,4vw,49px);line-height:1.04;letter-spacing:-.06em;margin:17px 0 13px}.hero h1 em{color:var(--mint);font-style:normal}.hero p{color:#b5a3a6;font-size:11px;line-height:1.8;max-width:530px}.hero-actions{display:flex;gap:9px;margin-top:19px;flex-wrap:wrap}.button{border:1px solid #ffffff1c;background:#ffffff08;border-radius:11px;padding:10px 14px;font-size:10px;font-weight:800;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:10px}.button:hover{transform:translateY(-1px);border-color:#d5a0a75c}.button.primary{background:#efc3bd;color:#26181c;border-color:transparent}.button.subtle{color:#cbbcc0}.button.danger{color:#ffc0b8;border-color:#ee85854b}.hero-visual{height:210px;position:relative;display:grid;place-items:center}.hero-orbit,.gate-orbit{position:absolute;width:190px;height:190px;border:1px solid #d5a0a727;border-radius:50%;box-shadow:inset 0 0 38px #d5a0a70c,0 0 55px #d5a0a711;animation:spin 32s linear infinite}.hero-orbit:before,.hero-orbit:after,.gate-orbit:before,.gate-orbit:after{content:'';position:absolute;inset:20px;border:1px dashed #d5a0a721;border-radius:50%}.hero-orbit:after{inset:44px;border-style:solid}.hero-visual svg{width:195px;z-index:1;filter:drop-shadow(0 0 24px #d5a0a72a);animation:float 5s ease-in-out infinite}.hero-visual svg path{stroke:#d5a0a7;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hero-visual svg .heart{stroke:#efc3bd;filter:drop-shadow(0 0 5px #efc3bd)}.hero-chip{position:absolute;right:4px;bottom:4px;border:1px solid #d5a0a72e;background:#171114ed;border-radius:11px;padding:9px 11px;color:#cbbcc0;font-size:9px;z-index:2}.hero-chip b{display:block;font-size:12px;color:var(--mint)}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:1.2fr .8fr;margin-top:14px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid #ffffff11;border-radius:18px;background:linear-gradient(145deg,#21171a,#171114);padding:18px;min-width:0}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.card-head h2,.card h2{font-size:16px;letter-spacing:-.035em;margin:4px 0 0}.card-head p,.card>p{font-size:10px;color:var(--muted);line-height:1.7;margin:7px 0 0}.card-label{font-size:8px;font-weight:800;letter-spacing:.15em;color:#aa969a}.subtle-copy{color:var(--muted);font-size:10px;line-height:1.7}.facts{padding:17px;border-radius:14px;margin-top:14px;background:linear-gradient(125deg,#3b2228,#25171c);border:1px solid #d5a0a71d}.facts b{font-size:21px;letter-spacing:-.04em;color:var(--mint)}.facts p{font-size:10px;line-height:1.7;color:#d7c9cc;margin:5px 0 8px}.source{font-size:9px;color:#ad999e;text-decoration:underline;text-decoration-color:#ad999e55;text-underline-offset:3px}.announce-mini{display:grid;gap:8px;margin-top:13px}.announcement{border:1px solid #ffffff10;background:#ffffff04;border-radius:13px;padding:12px}.announcement.maintenance{border-color:#d8ae844d;background:#d8ae8408}.announcement-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.announcement-top b{font-size:11px}.tag{padding:3px 7px;border-radius:6px;background:#d5a0a714;color:var(--mint);font-size:8px;letter-spacing:.08em;font-weight:800;white-space:nowrap}.tag.gold{background:#d8ae8412;color:var(--gold)}.announcement p{font-size:10px;color:#b5a3a6;line-height:1.6;margin:7px 0 0;white-space:pre-wrap}.announcement small{display:block;margin-top:7px;color:#9d898f;font-size:8px}.section{margin-top:26px;scroll-margin-top:90px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:12px}.section-title h2{font-size:17px;margin:5px 0 0;letter-spacing:-.04em}.section-title p{font-size:9px;color:var(--muted);margin:0}.shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.shortcut-card{min-height:121px;text-align:left;border:1px solid #ffffff11;border-radius:16px;background:linear-gradient(145deg,#25171c,#171114);padding:14px;transition:.2s;position:relative}.shortcut-card:hover{transform:translateY(-3px);border-color:#d5a0a752;box-shadow:0 13px 33px #0004}.shortcut-icon{width:31px;height:31px;display:grid;place-items:center;background:#d5a0a711;border:1px solid #d5a0a720;color:var(--mint);border-radius:10px;font-size:15px}.shortcut-card b{display:block;font-size:10px;margin-top:10px}.shortcut-card span:last-child{display:block;font-size:8px;color:var(--muted);margin-top:4px;line-height:1.5}.online-pill{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:var(--mint)}.online-pill:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.offline-pill{color:#928187}.staff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.staff-item{display:flex;align-items:center;gap:9px;padding:10px;border-radius:13px;background:#ffffff04;border:1px solid #ffffff0d;min-width:0}.staff-avatar{width:32px;height:32px;position:relative;display:grid;place-items:center;border:1px solid #d5a0a72e;border-radius:11px;background:#38232a;color:#edcbd0;font-size:10px;font-weight:800;flex:none}.staff-avatar i{position:absolute;right:-3px;bottom:-3px;width:10px;height:10px;border:2px solid #21171a;border-radius:50%;background:#8d797f}.staff-avatar i.on{background:#d5a0a7}.staff-info{min-width:0;flex:1}.staff-info b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.staff-info small{color:var(--muted);font-size:8px}.staff-item[data-online="1"] .staff-avatar{border-color:#d5a0a766}.staff-item[data-online="1"] .staff-avatar:hover:after{content:attr(data-tip);position:absolute;z-index:12;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:7px 9px;background:#f0dfe2;color:#241519;border-radius:7px;white-space:nowrap;font-style:normal;font-size:8px;box-shadow:0 4px 18px #0007}.view-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.tab{border:1px solid #ffffff13;background:#ffffff04;color:#b5a3a6;border-radius:9px;padding:8px 11px;font-size:9px}.tab.active{border-color:#d5a0a736;background:#d5a0a712;color:#edcbd0}.searchbox{position:relative;display:flex;align-items:center;gap:9px;border:1px solid #ffffff16;background:#ffffff04;border-radius:12px;padding:0 12px;height:41px;max-width:480px;width:100%;margin:12px 0}.searchbox span{font-size:17px;color:var(--muted)}.searchbox input{border:0;outline:0;background:transparent;font-size:10px;flex:1;min-width:0}.searchbox input::placeholder{color:#928187}.rp-list,.medicine-list{display:grid;gap:9px}.rp-group,.medicine-card{overflow:hidden;border:1px solid #ffffff12;border-radius:14px;background:#1c1317}.rp-head,.medicine-head{width:100%;display:flex;align-items:center;gap:11px;text-align:left;padding:13px;border:0;background:transparent}.rp-head:hover,.medicine-head:hover{background:#ffffff05}.rp-index{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d5a0a720;background:#d5a0a70d;color:var(--mint);border-radius:10px;font-size:9px}.rp-head-copy{flex:1;min-width:0}.rp-head-copy b,.medicine-head b{display:block;font-size:10px}.rp-head-copy small,.medicine-head small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.rp-caret{font-size:14px;color:#b6979d;transition:.2s}.rp-group.open .rp-caret{transform:rotate(90deg)}.rp-body{padding:0 12px 12px 54px;display:grid;gap:7px}.rp-row{display:flex;align-items:flex-start;gap:9px;padding:9px;border:1px solid #ffffff0d;border-radius:10px;background:#ffffff03}.rp-tag{font:8px ui-monospace,monospace;color:var(--mint);background:#d5a0a712;border-radius:5px;padding:4px 5px;flex:none}.rp-text{font-size:10px;color:#d7c9cc;line-height:1.65;flex:1;white-space:pre-wrap}.copy-btn{flex:none;border:0;background:transparent;color:#aa969a;font-size:9px;padding:4px}.copy-btn:hover{color:var(--mint)}.rp-note{margin:3px 0 3px;color:#a28e93;font-size:8px;line-height:1.6}.med-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.medicine-head{padding:12px}.medicine-card{transition:border-color .18s}.medicine-card:hover,.medicine-card.open{border-color:#d5a0a739}.med-count{font-size:8px;color:#aa979b;margin-left:auto}.medicine-body{border-top:1px solid #ffffff0a;padding:11px 12px 13px}.meds{display:flex;flex-wrap:wrap;gap:6px}.med-chip{border:1px solid #d5a0a717;background:#d5a0a708;color:#dfcfd2;border-radius:8px;padding:6px 8px;font-size:9px}.med-chip:hover{border-color:#d5a0a753;color:#ebf5ed}.disclaimer{margin-top:13px;border:1px solid #d8ae8425;background:#d8ae8408;border-radius:11px;padding:10px 12px;color:#bbad83;font-size:9px;line-height:1.65}.education-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.resource{border:1px solid #ffffff11;border-radius:14px;padding:14px;background:#1c1317}.resource h3{font-size:10px;margin:10px 0 5px}.resource p{font-size:9px;line-height:1.65;color:var(--muted);margin:0}.bind-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.step{padding:14px;border:1px solid #ffffff10;background:#ffffff04;border-radius:13px}.step span{color:var(--mint);font:11px ui-monospace,monospace}.step b{display:block;font-size:9px;margin-top:8px}.step p{font-size:8px;color:var(--muted);line-height:1.6;margin:5px 0 0}.message-list{display:grid;gap:9px;max-height:420px;overflow:auto;padding-right:3px}.message{border:1px solid #ffffff0e;border-radius:12px;padding:11px;background:#ffffff03}.message-top{display:flex;align-items:center;gap:7px}.message-top b{font-size:9px}.message-top time{font-size:8px;color:#928187;margin-left:auto}.message p{font-size:10px;color:#cbbcc0;line-height:1.6;margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.message-compose{display:flex;gap:8px;margin-top:10px}.message-compose input{flex:1;min-width:0;border:1px solid #ffffff16;border-radius:10px;background:#ffffff04;padding:10px 11px;font-size:10px}.message-warning{font-size:8px;color:#917f5e;margin:8px 0 0}.audit-table{width:100%;border-collapse:collapse;font-size:9px}.audit-table th{text-align:left;padding:9px;color:#a28e93;font-size:8px;letter-spacing:.08em;border-bottom:1px solid #ffffff10}.audit-table td{padding:10px 9px;color:#cbbcc0;border-bottom:1px solid #ffffff08;vertical-align:top}.audit-table td:last-child{max-width:500px;overflow-wrap:anywhere;white-space:pre-wrap}.table-wrap{overflow:auto}.audit-scroll{max-height:600px;overflow:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.field{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#b5a3a6}.field input,.field textarea,.field select{width:100%;border:1px solid #ffffff18;background:#091513;border-radius:10px;padding:10px 11px;font-size:10px;outline:0}.field textarea{resize:vertical;min-height:85px;line-height:1.65}.field select option{background:#1b1215}.field.full{grid-column:1/-1}.form-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}.radio-row{display:flex;gap:8px}.radio-pill{border:1px solid #ffffff17;color:#b5a3a6;background:#ffffff04;border-radius:9px;padding:8px 10px;font-size:9px}.radio-pill.selected{border-color:#d8ae8444;color:var(--gold);background:#d8ae840c}.account-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:9px;align-items:end;margin:14px 0}.callout{border:1px solid #ffffff11;border-radius:12px;background:#ffffff04;padding:12px;color:#b8a6aa;font-size:9px;line-height:1.65}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.metric{padding:13px;border:1px solid #ffffff0e;border-radius:13px;background:#ffffff04}.metric b{font-size:21px;letter-spacing:-.06em;color:var(--mint)}.metric span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.empty{border:1px dashed #ffffff17;border-radius:14px;padding:23px;text-align:center;color:var(--muted);font-size:10px}.modal-backdrop{position:fixed;inset:0;z-index:35;background:#000a;backdrop-filter:blur(8px);display:grid;place-items:center;padding:15px}.modal{max-width:460px;width:100%;border:1px solid #ffffff18;background:#1b1215;border-radius:20px;padding:21px;box-shadow:var(--shadow)}.modal h2{font-size:17px;margin:0 0 5px}.modal p{font-size:10px;line-height:1.7;color:var(--muted)}.toast{position:fixed;z-index:60;left:50%;bottom:22px;transform:translate(-50%,15px);padding:10px 14px;border:1px solid #d5a0a733;background:#f0dfe2;color:#241519;border-radius:10px;font-size:10px;opacity:0;pointer-events:none;transition:.22s;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}.gate{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:radial-gradient(ellipse at 28% 40%,#5126304f,transparent 45%),#100b0d}.gate-art{position:relative;display:grid;place-items:center;overflow:hidden;border-right:1px solid #ffffff10}.gate-orbit{width:min(60vw,470px);height:min(60vw,470px)}.gate-crosshair{width:min(73vw,580px);height:min(73vw,580px);position:absolute;border:1px dashed #d5a0a713;border-radius:50%;animation:spin 42s linear infinite reverse}.gate-art svg{position:relative;z-index:1;width:min(32vw,285px);filter:drop-shadow(0 0 30px #d5a0a728);animation:float 5s ease-in-out infinite}.gate-art svg path{stroke:#d5a0a7;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.gate-art svg .heart{stroke:var(--lime);stroke-width:2.5}.gate-art svg .pulse-line{stroke:#efc3bd;stroke-dasharray:320;stroke-dashoffset:320;animation:draw 3s ease infinite}.gate-caption{position:absolute;bottom:35px;color:#a28e93;letter-spacing:.2em;font-size:9px;text-transform:uppercase}.gate-panel{width:min(470px,calc(100% - 50px));align-self:center;justify-self:center;padding:36px 0}.gate-kicker{color:var(--mint);font-size:9px;letter-spacing:.13em;font-weight:800}.gate h1{font-size:36px;letter-spacing:-.06em;margin:17px 0 5px}.gate-sub{font-size:11px;color:var(--muted);margin:0 0 24px}.form-stack{display:grid;gap:11px}.form-stack label{display:flex;flex-direction:column;gap:6px;color:#b5a3a6;font-size:9px}.form-stack input{border:1px solid #ffffff19;background:#1b1215;border-radius:10px;padding:11px 12px;font-size:10px}.form-stack .button{margin-top:3px;height:41px}.gate-foot{display:flex;justify-content:space-between;margin-top:27px;padding-top:13px;border-top:1px solid #ffffff12;color:#8a777d;font-size:8px}.setup-step{display:flex;align-items:center;gap:10px;margin-top:7px}.setup-step>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#d5a0a712;color:var(--mint);font:9px ui-monospace,monospace}.setup-step b{display:block;font-size:10px}.setup-step small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.local-note{color:#928187;font-size:8px;line-height:1.6}.form-message{min-height:18px;margin-top:9px;color:#ff9a8e;font-size:9px}.source-footer{display:flex;justify-content:space-between;gap:10px;padding:16px 0;border-top:1px solid #ffffff0d;margin-top:25px;color:#8d797f;font-size:8px}
@keyframes blink{50%{opacity:.4;box-shadow:0 0 2px #d5a0a7}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes draw{0%{stroke-dashoffset:320}50%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:-320}}
@media(max-width:1120px){.app{grid-template-columns:220px minmax(0,1fr)}.topbar{padding:0 22px;gap:15px}.page{padding:23px 22px 60px}.shortcut-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.med-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:25px}.hero-visual{height:190px}}
@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;height:100dvh;transform:translateX(-105%);transition:transform .23s;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.topbar{height:63px;padding:0 13px;gap:10px}.menu-toggle{display:grid;flex:none}.crumb{min-width:0;flex:1}.crumb span{font-size:7px}.crumb b{font-size:11px}.top-search{max-width:none;margin:0;flex:0 1 170px;height:34px}.top-search kbd{display:none}.top-right{gap:7px}.top-time,.who-online small{display:none}.who-online{gap:4px}.page{padding:19px 13px 50px}.hero{grid-template-columns:1fr;padding:23px 20px 8px;min-height:unset}.hero h1{font-size:37px;margin:15px 0 10px}.hero p{max-width:none}.hero-visual{height:190px}.hero-chip{right:0;bottom:2px}.grid.two{grid-template-columns:1fr}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three,.education-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.med-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:23px}.account-form{grid-template-columns:1fr 1fr}.account-form .field:first-child{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.gate{grid-template-columns:1fr}.gate-art{display:none}.gate-panel{padding:33px 0}.gate{min-height:100dvh;background:radial-gradient(ellipse at 70% 0%,#542b3833,transparent 42%),#100b0d}.gate h1{font-size:32px}}
@media(max-width:450px){.top-search{flex-basis:34px;width:34px;flex-grow:0;border:0;background:none;padding:0;justify-content:center}.top-search input{position:absolute;right:0;top:42px;display:none;width:min(86vw,380px);height:39px;padding:0 12px;background:#1b1215;border:1px solid var(--line);border-radius:10px}.top-search:focus-within input{display:block}.top-search>span{font-size:21px}.shortcut-grid{gap:7px}.shortcut-card{padding:11px;min-height:113px}.card{padding:14px}.grid.three,.education-grid{grid-template-columns:1fr}.med-grid{grid-template-columns:1fr}.staff-grid{grid-template-columns:1fr}.metric-row{gap:6px}.metric{padding:10px}.metric b{font-size:17px}.rp-body{padding-left:11px}.message-compose{flex-wrap:wrap}.message-compose input{flex-basis:100%}.topbar{gap:8px}.crumb span{display:none}.top-right{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.staff-item .staff-avatar:hover:after{content:attr(data-tip);position:absolute;z-index:12;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);padding:7px 9px;background:#f0dfe2;color:#241519;border-radius:7px;white-space:nowrap;font-style:normal;font-size:8px;box-shadow:0 4px 18px #0007}
.vk-login{width:100%;min-height:44px;justify-content:center;gap:11px;text-decoration:none!important}.vk-mark{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#07f;color:white;font-size:10px;font-weight:900;font-style:italic;letter-spacing:-.08em}.link-vk{border:0;background:transparent;color:var(--mint);font-size:9px;padding:4px 0;text-decoration:underline;text-decoration-color:#d5a0a755;text-underline-offset:3px}.link-vk:hover{color:#f8edef}
.gate{min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:28px 18px;background:radial-gradient(ellipse at 50% 28%,#5227334f,transparent 48%),radial-gradient(ellipse at 50% 100%,#15150b35,transparent 55%),#100b0d}.gate-art{display:none}.gate-panel{width:min(480px,100%);padding:42px 38px 30px;justify-self:auto;align-self:auto;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #ffffff12;border-radius:24px;background:linear-gradient(160deg,#1b1215f2,#140d10f5);box-shadow:0 30px 100px #0007}.gate-brand-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid #d5a0a745;border-radius:19px;background:linear-gradient(145deg,#492630,#25171c);color:#efc3bd;font-size:29px;box-shadow:0 10px 35px #d5a0a715}.gate-kicker{margin-top:17px;font-size:9px;letter-spacing:.17em}.gate-kicker .signal{display:none}.gate h1{font-size:clamp(27px,5vw,35px);letter-spacing:-.045em;margin:24px 0 7px}.gate-sub{font-size:14px;line-height:1.5;margin:0 0 25px}.vk-login{width:100%;min-height:56px;border:0;border-radius:13px;background:#087eff;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:13px;padding:0 17px;font-size:14px;font-weight:750;box-shadow:0 8px 26px #0077ff33;transition:transform .2s,background .2s,box-shadow .2s}.vk-login:hover:not(:disabled){background:#168aff;transform:translateY(-1px);box-shadow:0 12px 32px #0077ff4a}.vk-login:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.vk-mark{width:27px;height:27px;border-radius:8px;background:#fff;color:#087eff;font-size:13px;font-style:normal;letter-spacing:-.1em}.vk-arrow{font-size:18px;font-weight:500}.vk-other{border:0;background:transparent;color:#55a9ff;padding:17px 8px 7px;font-size:13px;font-weight:700}.vk-other:hover{color:#91c7ff}.vk-note{margin:16px 0 0;text-align:center;color:#a28e93;font-size:9px}.setup-toggle{border:0;background:transparent;color:#928187;margin:22px auto 0;padding:7px;font-size:9px}.setup-toggle:hover{color:var(--mint)}.gate-foot{width:100%;margin-top:24px;justify-content:center;border-top:1px solid #ffffff0c;color:#8a777d}.gate-panel:has(#setupForm:not([hidden])){width:min(560px,100%);text-align:left;align-items:stretch;padding:30px clamp(20px,5vw,38px)}.gate-panel:has(#setupForm:not([hidden])) .gate-brand-mark,.gate-panel:has(#setupForm:not([hidden])) .gate-kicker{align-self:center}.gate-panel:has(#setupForm:not([hidden])) h1,.gate-panel:has(#setupForm:not([hidden])) .gate-sub{text-align:center}.gate-panel:has(#setupForm:not([hidden])) h1{margin-top:16px}.gate-panel:has(#setupForm:not([hidden])) .setup-toggle{align-self:center}#setupForm:not([hidden]){width:100%;margin-top:12px}.form-message:empty{display:none}@media(max-width:560px){.gate-panel{padding:34px 22px 24px;border-radius:20px}.gate h1{margin-top:20px}.gate-panel:has(#setupForm:not([hidden])){padding:24px 18px}.gate-foot{font-size:7px}}
.local-login{border:1px solid #ffffff18;border-radius:10px;background:#ffffff05;color:#b5a3a6;padding:10px 14px;margin:12px auto 0;font-size:10px;transition:.18s}.local-login:hover{border-color:#d5a0a744;background:#d5a0a70b;color:#f3e6e8}

/* Muted burgundy graphite visual system, inspired by the reference portal login. */
.faq-copy{padding:0 16px 15px 55px;color:#cbbcc0;font-size:10px;line-height:1.8;max-width:900px}.resource{background:linear-gradient(145deg,#21171a,#181114)}.resource:hover{border-color:#d5a0a744;transform:translateY(-2px);transition:.2s}.card{background:linear-gradient(145deg,#191215,#151013)}.rp-group,.medicine-card{background:#191215}.rp-row{background:#21171a}.nav.active{background:linear-gradient(90deg,#4a2831,#281a1f);box-shadow:inset 2px 0 #d5a0a7}.nav.active .nav-icon{color:#efc3bd}.section-title p{margin:4px 0 0}.disclaimer{border-color:#d8ae8433;background:#d8ae840a;color:#c6aa91}.online-pill{color:#d6a0a8}.online-pill.offline-pill{color:#8f7f84}.staff-avatar i.on{background:#d8a9ae}.top-search input,.field input,.field textarea,.field select{background:#130d10}.toast{border-color:#d5a0a744;background:#f0dfe2;color:#241519}.resource .button{border-color:#d5a0a733}
@media(max-width:760px){.faq-copy{padding-left:15px}.education-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Reference login treatment: quiet black canvas, centered identity block, blue VK action. */
.gate{background:radial-gradient(ellipse at 50% 38%,#3b111833,transparent 46%),#0d090b}
.gate-panel{width:min(520px,calc(100% - 36px));padding:34px 24px 22px;background:transparent;border:0;box-shadow:none;border-radius:0}
.gate-brand-mark{width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#4a1722,#1a0d12);border-color:#a8394b66;color:#f1dfe1;box-shadow:0 14px 36px #6b1c2b24}
.gate-kicker{color:#c43e4e;letter-spacing:.16em}
.gate h1{font-size:31px;letter-spacing:-.045em;margin:16px 0 7px}
.gate-sub{font-size:14px;color:#8f7f83;margin-bottom:27px}
.vk-login{min-height:56px;border-radius:12px;background:#087eff;color:#fff;box-shadow:0 8px 26px #0077ff33}
.vk-login:hover:not(:disabled){background:#168aff;box-shadow:0 12px 32px #0077ff4a}
.vk-mark{background:#fff;color:#087eff}
.local-login{color:#8c7c81;border-color:#ffffff18;background:#ffffff04}
.local-login:hover{border-color:#a8394b66;background:#a8394b12;color:#f0dfe2}
.gate-foot{justify-content:center;color:#65575c;border-top:0;margin-top:28px}
.gate-foot span:first-child{display:none}
.gate-foot span:last-child{font-size:13px;color:#65575c}
.hero{background:linear-gradient(112deg,rgba(57,24,32,.97),rgba(33,23,26,.96) 55%,#171114)}
.hero-visual{background:radial-gradient(circle at 50% 45%,#8f3c4d22,transparent 42%)}
.hero-visual:before,.hero-visual:after{border-color:#b65a6a33}

/* Administrative shell from the reference panel: square surfaces, red rails and a quiet dark canvas. */
:root{--bg:#151112;--surface:#191415;--surface2:#1d1718;--surface3:#251b1c;--line:#5a3438;--ink:#f3eeee;--muted:#a99ca0;--mint:#e56b70;--lime:#f07478;--gold:#c98d91;--red:#ef4d53;--r:2px;--shadow:0 18px 55px #0008}
html,body{background:#151112;font-family:Arial,Helvetica,sans-serif}
.app{display:block;min-height:100vh;background:#151112}
.sidebar{position:fixed;left:0;top:73px;bottom:0;width:266px;height:auto;padding:0;background:#151112;border-right:1px solid #66373b;z-index:10}
.brand{height:73px;padding:0 24px;border-bottom:1px solid #66373b;border-radius:0}
.brand-mark{width:49px;height:49px;border-radius:17px;background:#332126;border-color:#8d4a53;color:#e9a7aa}
.brand b{font-size:15px;letter-spacing:.05em}.brand small{font-size:10px;color:#a69b9e;letter-spacing:.1em}
.side-scroll{padding-top:18px;scrollbar-color:#713d43 transparent}
.nav-label{color:#8b777b;font-size:10px;letter-spacing:.16em;padding:0 24px 9px}
.nav-gap{margin-top:26px}
.nav{height:56px;padding:0 24px;gap:12px;border-radius:0;color:#bcaeb1;font-size:14px;position:relative}
.nav i{color:#a99a9e;font-size:17px}.nav:hover{background:#241a1c;color:#f2ebec}.nav.active{background:#2d2023;box-shadow:none;color:#fff}.nav.active:after{content:'';position:absolute;right:0;top:0;bottom:0;width:2px;background:#ee4148}.nav.active i{color:#f06b70}.nav-count{border-color:#63393e;color:#d39a9e;padding:3px 7px;font-size:10px}.nav-presence{color:#c29da1}
.sidebar-bottom{padding:0 14px 17px}.online-mark{padding:12px 10px;border-bottom:1px solid #3d282b;color:#a69094}.online-mark span,.signal{background:#e96d73;box-shadow:0 0 10px #e96d7377}
.user-mini{border-top:0;padding:14px 4px 0}.avatar{background:#382329;border-color:#8a4b55;color:#e8b1b4}.user-mini-copy b{font-size:13px}.user-mini-copy small{font-size:10px;color:#a69599}.icon-button{border-color:#4c3034;background:#1d1618}
.main{margin-left:266px;padding-top:73px;min-height:100vh;background:#151112}
.topbar{position:fixed;left:0;right:0;top:0;height:73px;padding:0 24px 0 296px;background:#151112;border-bottom:1px solid #66373b;z-index:9}
.crumb span{color:#8f7b80;font-size:10px}.crumb b{font-size:16px}.top-search{border:1px solid #3f292c;background:#171314;border-radius:2px;height:42px}.top-search input{font-size:12px}.top-search kbd{border-left:1px solid #3f292c;border-radius:0}
.top-time,.who-online{color:#bbb0b2}.who-online{border-radius:0}.avatar.small{border-radius:14px}
.page{max-width:1050px;margin:0 auto;padding:38px 40px 70px}.page-heading h1{font-size:32px;letter-spacing:-.04em}.page-heading p{font-size:14px}
.hero{border-radius:2px;background:#191516;border:1px solid #67373b;box-shadow:none;padding:30px;min-height:310px}.hero h1{font-size:42px}.hero p{font-size:14px}.hero-visual{background:radial-gradient(circle at 50% 45%,#8f3c4d18,transparent 42%)}
.card,.resource,.shortcut-card,.metric,.message,.rp-group,.medicine-card{border-radius:2px;background:#191516;border-color:#60363a;box-shadow:none}.card{padding:22px}.card-head{border-bottom:1px solid #482b2f;padding-bottom:15px}.card-label{color:#aa8085;letter-spacing:.16em}.card h2,.section-title h2{font-size:22px}.resource,.shortcut-card{padding:18px}.shortcut-card{border-left:3px solid #e74349;transition:background .2s}.shortcut-card:hover{transform:none;background:#251b1d;border-color:#e74349;box-shadow:none}.shortcut-icon{border-radius:2px;background:#2b1c1f;border-color:#703d43;color:#ec8d92}
.button{border-radius:2px;border-color:#8b4248;background:transparent;color:#e88c91}.button.primary{background:#e95b62;border-color:#e95b62;color:#1c1113}.button.primary:hover{background:#f06d73}.tab,.radio-pill{border-radius:2px;border-color:#5f373b}.tab.active{background:#3a2427;border-color:#e2535a;color:#f0a1a5}
.searchbox{border-radius:2px;background:#171314;border-color:#5a3438}.rp-head,.medicine-head{border-radius:0}.rp-row{border-radius:2px;background:#21191a;border-color:#4f3034}.rp-tag{border-radius:2px;background:#3a2024;color:#ef8f93}.copy-btn{color:#df878c}.rp-note{color:#a68d91}.disclaimer,.callout{border-radius:2px;border-color:#815258;background:#29191c;color:#cbaeb1}
.med-chip{border-radius:2px;background:#271a1c;border-color:#61373b;color:#ddb5b8}.medicine-card:hover,.medicine-card.open{border-color:#e2535a}
.metric b{color:#f08a8e}.audit-table th{color:#af8b90}.audit-table td{color:#cdbdc0}.field input,.field textarea,.field select{border-radius:2px;background:#171314;border-color:#5a3438}.modal{border-radius:2px;background:#1b1516;border-color:#66373b}
.gate-panel{border-radius:0}.gate-brand-mark{border-radius:50%}
@media(max-width:760px){.sidebar{top:0}.main{margin-left:0;padding-top:63px}.topbar{left:0;padding:0 14px;height:63px}.page{padding:25px 16px 50px}.brand{height:63px}.hero{padding:23px 20px}.hero h1{font-size:35px}.page-heading h1{font-size:27px}}

/* Messenger workspace */
.messenger-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:650px;border:1px solid #63383c;background:#130f10;overflow:hidden}
.messenger-list-panel{display:flex;flex-direction:column;min-width:0;background:#171314;border-right:1px solid #5e3438}
.messenger-list-top{display:flex;align-items:center;justify-content:space-between;padding:20px 18px 12px}.messenger-list-top h2{margin:4px 0 0;font-size:20px;letter-spacing:-.03em}.messenger-list-top .icon-button{border-radius:2px;background:#362126;border-color:#754149;color:#f3bec2}
.messenger-search{display:flex;align-items:center;gap:8px;margin:0 14px 12px;padding:0 11px;height:38px;border:1px solid #563237;background:#211719;color:#a48f94}.messenger-search input{border:0;outline:0;background:transparent;width:100%;font-size:11px}.messenger-filters{display:flex;gap:6px;padding:0 14px 12px;border-bottom:1px solid #4d2d31}.messenger-filter{border:1px solid transparent;background:transparent;color:#ad9ba0;padding:6px 9px;font-size:10px}.messenger-filter.active{border-color:#714047;background:#382229;color:#f2d9db}.messenger-filter b{margin-left:4px;color:#ef9ca2}
.chat-list{padding:10px 8px;overflow:auto;flex:1}.chat-item{width:100%;display:flex;align-items:center;gap:10px;padding:12px 10px;border:0;border-radius:2px;background:transparent;color:inherit;text-align:left}.chat-item:hover{background:#251a1c}.chat-item.active{background:#342228;box-shadow:inset 3px 0 #e54850}.chat-avatar{width:38px;height:38px;display:grid;place-items:center;flex:none;border:1px solid #76424a;background:#3b252a;color:#f1c3c6;font-size:11px;font-weight:800}.chat-avatar.muted{background:#272022;color:#ad9da0}.chat-copy{min-width:0;flex:1}.chat-copy b,.chat-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-copy b{font-size:11px;color:#f0e6e7}.chat-copy small{margin-top:5px;color:#a58f94;font-size:9px}.chat-meta{align-self:flex-start;font-size:9px;color:#9b898e}.messenger-sidebar-foot{padding:14px;border-top:1px solid #4e2d31;color:#a99499;font-size:10px}.messenger-sidebar-foot b{float:right;color:#eed1d3}.online-dot{display:inline-block;width:6px;height:6px;margin-right:5px;background:#e66c73;border-radius:50%}
.messenger-thread{display:flex;flex-direction:column;min-width:0;background:linear-gradient(145deg,#151112,#1b1315)}.thread-head{display:flex;align-items:center;gap:11px;height:77px;padding:14px 18px;border-bottom:1px solid #5e3438}.thread-head>div:nth-child(2){flex:1}.thread-head b{display:block;font-size:15px}.thread-head small{display:block;margin-top:4px;color:#a99499;font-size:10px}.thread-actions{display:flex;gap:5px}.thread-actions button{width:31px;height:31px;border:1px solid #63383c;background:#201719;color:#c4adb1;font-size:16px}.thread-notice{margin:14px 18px 0;padding:10px 12px;border:1px solid #6a3a40;background:#23181b;color:#bda8ab;font-size:10px}.message-list{flex:1;max-height:none;min-height:430px;overflow:auto;padding:18px 20px;display:flex;flex-direction:column;gap:14px}.message-bubble-row{display:flex;align-items:flex-end;gap:10px;max-width:82%}.message-bubble-row.mine{margin-left:auto;flex-direction:row-reverse}.message-bubble{min-width:115px;max-width:650px;padding:10px 13px;border:1px solid #5f353a;background:#24191c}.message-bubble-row.mine .message-bubble{background:#442229;border-color:#82434b}.message-author{display:flex;align-items:center;gap:8px;margin-bottom:6px}.message-author b{color:#e7a0a5;font-size:10px}.message-author span{color:#a79196;font-size:9px}.message-author time{margin-left:auto;color:#927e83;font-size:9px}.message-bubble p{margin:0;color:#eee2e3;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.message-composer{display:flex;align-items:center;gap:8px;padding:14px 18px;border-top:1px solid #5e3438}.message-composer input{flex:1;min-width:0;height:40px;border:1px solid #65393e;background:#211719;border-radius:2px;padding:0 12px;font-size:11px}.compose-icon{width:34px;height:34px;border:1px solid #63383c;background:#201719;color:#c4adb1;font-size:17px}.send-message{width:40px;height:40px;padding:0;background:#a83d48;border-color:#c24e58}
.hero{min-height:270px;padding:27px 30px}.hero h1{font-size:38px}.hero p{max-width:520px;font-size:13px}.hero-visual{transform:scale(.88);transform-origin:center right;opacity:.86}
@media(max-width:900px){.messenger-shell{grid-template-columns:240px 1fr}.messenger-list-top{padding-left:13px;padding-right:13px}.message-bubble-row{max-width:94%}}
@media(max-width:700px){.messenger-shell{grid-template-columns:1fr;min-height:0}.messenger-list-panel{min-height:220px;border-right:0;border-bottom:1px solid #5e3438}.chat-list{max-height:185px}.messenger-sidebar-foot{display:none}.message-list{min-height:360px}.thread-head{height:67px}.thread-notice{margin:10px 12px 0}.message-composer{padding:10px 12px}.compose-icon{display:none}.hero{min-height:0}.hero-visual{transform:scale(.75);height:170px}}

/* Section navigation and medicine command picker */
.side-search{display:flex;align-items:center;gap:8px;margin:0 10px 13px;padding:0 10px;height:35px;border:1px solid #5c3438;background:#211719;color:#9f8c91}.side-search:focus-within{border-color:#a84951;background:#281b1e}.side-search span{font-size:17px}.side-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#eee1e3;font-size:10px}.side-search input::placeholder{color:#907d82}.side-scroll{padding-top:10px}.nav-label{padding-top:4px;padding-bottom:7px;color:#9b858a}.nav-gap{margin-top:15px}.nav[hidden]{display:none}
.medicine-list{border:1px solid #563237;background:#171314;padding:18px 20px}.medicine-section{padding:0 0 21px}.medicine-section:last-child{padding-bottom:2px}.medicine-section h3{margin:0 0 9px;color:#f04e57;font-size:15px;font-weight:800}.medicine-info{color:#aa999d;font-size:13px;margin-left:4px}.medicine-section .meds{display:flex;flex-wrap:wrap;gap:7px}.medicine-section .med-chip{border:1px solid #664045;border-radius:0;background:#2a2021;color:#f1e7e7;padding:8px 12px;font-weight:800;font-size:11px;transition:.16s}.medicine-section .med-chip:hover{border-color:#d95a61;background:#43262b;color:#fff;transform:translateY(-1px)}
.medicine-list+.disclaimer{margin-top:13px}.searchbox{border-radius:0!important;border-color:#5c3438!important;background:#241b1c!important}.searchbox input{font-size:12px!important}