:root{--s8-bg:#f5f8fc;--s8-ink:#121a2f;--s8-muted:#667085;--s8-line:#e7edf6;--s8-card:#fff;--s8-blue:#2563eb;--s8-purple:#7c3aed;--s8-green:#16a34a;--s8-orange:#f97316;--s8-red:#e11d48;--s8-shadow:0 18px 50px rgba(15,23,42,.08)}
.s8drh,.s8drh *{box-sizing:border-box}.s8drh{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--s8-ink);font-size:10px;line-height:1.55}.s8drh button,.s8drh input,.s8drh textarea,.s8drh select{font-family:inherit}.s8drh-manager{min-height:100vh;background:linear-gradient(135deg,#eef4fb 0%,#f8fbff 55%,#eef5ff 100%);display:grid;grid-template-columns:260px minmax(0,1fr)}
.s8drh-sidebar{background:linear-gradient(180deg,#111a3a 0%,#21164a 48%,#120f2d 100%);color:#fff;padding:20px 15px;min-height:100vh;position:relative}.s8drh-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.s8drh-logo{width:50px;height:50px;border-radius:18px;background:linear-gradient(135deg,#8b5cf6,#2563eb);display:grid;place-items:center;font-size:18px;font-weight:950;box-shadow:0 12px 28px rgba(83,88,255,.35)}.s8drh-brand b{font-size:13px;font-weight:950;display:block;letter-spacing:.01em}.s8drh-brand span{font-size:10px;color:rgba(255,255,255,.72)}.s8drh-primary{width:100%;height:52px;border:0;border-radius:16px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-size:11px;font-weight:950;cursor:pointer;box-shadow:0 18px 35px rgba(74,75,255,.34);margin-bottom:20px}.s8drh-nav{border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.s8drh-nav button{width:100%;border:0;background:transparent;color:rgba(255,255,255,.82);display:flex;align-items:center;gap:10px;text-align:left;border-radius:13px;padding:10px 12px;margin:3px 0;cursor:pointer;font-size:10px;font-weight:850}.s8drh-nav button.active,.s8drh-nav button:hover{background:rgba(124,58,237,.42);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.s8drh-sidebar-footer{position:absolute;left:15px;right:15px;bottom:16px;border-radius:16px;background:rgba(255,255,255,.08);padding:12px}.s8drh-sidebar-footer b{display:block;font-size:11px}.s8drh-sidebar-footer span{font-size:10px;color:rgba(255,255,255,.7)}
.s8drh-main{padding:24px 28px 44px;min-width:0}.s8drh-topbar{height:78px;background:rgba(255,255,255,.88);border:1px solid rgba(220,228,240,.9);border-radius:24px;box-shadow:var(--s8-shadow);display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;gap:14px;padding:12px 16px;margin-bottom:20px;backdrop-filter:blur(12px)}.s8drh-menu{height:48px;width:48px;border:1px solid #e1e9f5;background:#fff;border-radius:16px;font-size:20px;font-weight:900;cursor:pointer}.s8drh-message{height:48px;border:1px solid #ded5ff;border-radius:18px;background:#fff;display:flex;align-items:center;padding:0 20px;font-size:11px;font-weight:900;letter-spacing:-.01em;overflow:hidden}.s8drh-clock{min-width:128px;height:48px;border-radius:16px;background:linear-gradient(135deg,#84d63a,#10b9d3);color:#fff;display:grid;place-items:center;text-align:center;font-size:16px;font-weight:950;line-height:1.1}.s8drh-clock small{display:block;font-size:9px;font-weight:900;margin-top:3px}.s8drh-user{height:48px;min-width:132px;border:1px solid #dce6f5;background:#fff;border-radius:17px;display:grid;place-items:center;text-align:center;font-size:13px;font-weight:950;line-height:1.05}.s8drh-user small{display:block;color:#078c3c;font-size:9px;margin-top:4px;font-weight:950}.s8drh-block-title{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.03em;margin:0 0 12px;color:#1e293b}.s8drh-quick{background:rgba(255,255,255,.72);border:1px solid rgba(226,234,246,.95);border-radius:22px;padding:16px;margin-bottom:18px;box-shadow:var(--s8-shadow)}
.s8drh-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.s8drh-shortcut{border:1px solid #e7edf6;background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.05);padding:18px 14px;text-align:left;min-height:150px;cursor:pointer;transition:.18s;display:flex;flex-direction:column;justify-content:space-between}.s8drh-shortcut:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(15,23,42,.1)}.s8drh-shortcut.active{border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed,0 16px 35px rgba(124,58,237,.12)}.s8drh-shortcut .ico{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#7c3aed,#5b5ff7);display:grid;place-items:center;font-size:21px;color:#fff;box-shadow:0 12px 24px rgba(124,58,237,.25);margin-bottom:12px}.s8drh-shortcut.green .ico{background:linear-gradient(135deg,#22c55e,#16a34a)}.s8drh-shortcut.teal .ico{background:linear-gradient(135deg,#14b8a6,#0ea5e9)}.s8drh-shortcut.orange .ico{background:linear-gradient(135deg,#fb923c,#f97316)}.s8drh-shortcut.blue .ico{background:linear-gradient(135deg,#3b82f6,#2563eb)}.s8drh-shortcut b{font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:-.01em}.s8drh-shortcut span{display:block;color:#475569;font-size:10px;margin-top:7px;font-weight:650}.s8drh-shortcut em{display:block;color:#7b8496;font-style:normal;font-size:9px;font-weight:850;margin-top:10px}.s8drh-section-title{font-size:18px;line-height:1.25;margin:0 0 4px;letter-spacing:-.03em}.s8drh-section-subtitle{margin:0 0 14px;color:var(--s8-muted);font-size:10px}.module-panel{display:none}.module-panel.active{display:block}.s8drh-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px}.s8drh-card{background:#fff;border:1px solid rgba(226,234,246,.95);border-radius:22px;box-shadow:var(--s8-shadow);padding:18px;margin-bottom:18px}.s8drh-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.s8drh-card h2,.s8drh-card h3{margin:0;font-size:14px;font-weight:950;letter-spacing:-.02em}.s8drh-actions{display:flex;gap:8px;flex-wrap:wrap}.s8drh-btn{border:0;border-radius:11px;padding:9px 13px;background:#2563eb;color:#fff;font-size:10px;font-weight:950;cursor:pointer;box-shadow:0 9px 20px rgba(37,99,235,.14)}.s8drh-btn.secondary{background:#f5f8fc;color:#263247;border:1px solid #dfe7f2;box-shadow:none}.s8drh-btn.green{background:#16a34a}.s8drh-btn.orange{background:#f97316}.s8drh-btn.red{background:#e11d48}.s8drh-btn.purple{background:#7c3aed}
.s8drh-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.s8drh-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.s8drh-stat{border-radius:18px;border:1px solid #e6edf7;padding:16px;min-height:115px;background:#fff;position:relative;overflow:hidden}.s8drh-stat i{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-style:normal;margin-bottom:10px;font-size:17px}.s8drh-stat span{font-size:10px;font-weight:900}.s8drh-stat b{display:block;font-size:26px;line-height:1;margin:6px 0;font-weight:950}.s8drh-stat small{font-size:9px;color:#667085;font-weight:650}.s8drh-stat.soft-blue{background:linear-gradient(135deg,#eff6ff,#fff)}.s8drh-stat.soft-blue i{background:#dbeafe;color:#2563eb}.s8drh-stat.soft-orange{background:linear-gradient(135deg,#fff7ed,#fff)}.s8drh-stat.soft-orange i{background:#ffedd5;color:#f97316}.s8drh-stat.soft-green{background:linear-gradient(135deg,#ecfdf3,#fff)}.s8drh-stat.soft-green i{background:#dcfce7;color:#16a34a}.s8drh-stat.soft-red{background:linear-gradient(135deg,#fff1f2,#fff)}.s8drh-stat.soft-red i{background:#ffe4e6;color:#e11d48}.s8drh-stat.blue,.s8drh-stat.orange,.s8drh-stat.green,.s8drh-stat.red{color:#fff}.s8drh-stat.blue{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.s8drh-stat.orange{background:linear-gradient(135deg,#fb923c,#f97316)}.s8drh-stat.green{background:linear-gradient(135deg,#22c55e,#16a34a)}.s8drh-stat.red{background:linear-gradient(135deg,#fb7185,#e11d48)}.s8drh-dept-mini{background:#fff;border:1px solid #e7edf6;border-radius:18px;padding:15px;box-shadow:0 12px 32px rgba(15,23,42,.05)}.dept-mini-row{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:9px 0;border-top:1px solid #eef3f8}.dept-mini-row:first-of-type{border-top:0}.dept-mini-row span{grid-row:span 2;width:34px;height:34px;border-radius:11px;background:#eef2ff;color:#5b21b6;display:grid;place-items:center;font-weight:950}.dept-mini-row b{font-size:10px}.dept-mini-row em{font-style:normal;color:#667085;font-size:9px}.s8drh-table-wrap{overflow:auto;border-radius:16px;border:1px solid #e8eef7}.s8drh-table{width:100%;border-collapse:collapse;min-width:860px}.s8drh-table th{background:#f7f9fd;color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:9px;text-align:left;padding:10px}.s8drh-table td{padding:11px 10px;border-top:1px solid #edf2f8;font-size:10px;vertical-align:top}.s8drh-table tr{cursor:pointer}.s8drh-table tr:hover{background:#f8fbff}.s8drh-table .code{font-weight:950;color:#1d355f}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:950}.badge.pending{background:#fff2d8;color:#b96500}.badge.reviewed{background:#e8f0ff;color:#2456d8}.badge.approved{background:#e1f8ea;color:#11843e}.badge.need_more{background:#fff0f3;color:#c62542}.badge.rejected{background:#ffe4e8;color:#bd1730}.s8drh-detail{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto}.s8drh-detail .detail-code{font-weight:950;color:#1d355f;margin:8px 0;font-size:10px}.s8drh-detail h2{font-size:17px;line-height:1.18;margin:0 0 10px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.chips span{border-radius:9px;background:#f1f5f9;padding:6px 9px;font-weight:900;font-size:9px}.s8drh-detail-block{border-top:1px solid #edf2f8;padding-top:12px;margin-top:12px}.s8drh-detail-block h4{margin:0 0 5px;font-size:11px}.s8drh-detail-block p{margin:0;color:#344054;font-size:10px}.s8drh-detail textarea{width:100%;min-height:82px;border:1px solid #dce6f3;border-radius:12px;padding:10px;font-size:10px;margin:12px 0 9px;resize:vertical}.review-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hub-grid,.department-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.hub-card,.department-card{background:#f8fbff;border:1px solid #e8eef7;border-radius:16px;padding:13px}.hub-card b,.department-card b{display:block;font-size:11px}.hub-card span,.department-card span{display:block;color:#65748b;font-size:9px}.hub-card code{display:block;color:#6d36dc;font-weight:950;margin:8px 0;font-size:9px}.hub-card small{display:block;color:#667085;word-break:break-all;font-size:9px}.department-card{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center}.dept-icon{width:40px;height:40px;border-radius:13px;background:#eef2ff;display:grid;place-items:center;font-size:19px}.department-card small{display:block;color:#334155;font-size:9px;margin-top:4px}.department-card em{font-style:normal;background:#dcfce7;color:#16763a;font-weight:950;font-size:9px;border-radius:999px;padding:5px 8px}.s8drh-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.setting-item{background:#f8fbff;border:1px solid #e8eef7;border-radius:16px;padding:13px}.setting-item b{display:block;font-size:11px}.setting-item span{display:block;color:#667085;margin-top:5px;font-size:9px}.s8drh-modal{display:none;position:fixed;inset:0;background:rgba(10,18,32,.68);z-index:999999;align-items:center;justify-content:center;padding:22px}.s8drh-modal.open{display:flex}.s8drh-modal-box{width:min(600px,100%);background:#fff;border-radius:22px;box-shadow:0 35px 90px rgba(0,0,0,.28);padding:24px;position:relative}.s8drh-modal-box h2{font-size:16px;margin:0 0 6px}.s8drh-modal-box p{margin:0 0 14px;color:#667085;font-size:10px}.s8drh-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f2f5fa;font-size:18px;cursor:pointer}.s8drh-form input,.s8drh-form select,.s8drh-form textarea{width:100%;border:1px solid #dce6f3;border-radius:12px;padding:10px 11px;font-size:10px;margin:5px 0 10px;background:#fff}.s8drh-form label{font-weight:850;color:#25314a;font-size:10px}.s8drh-notice{margin-top:11px;padding:10px 12px;border-radius:12px;background:#e7f8ee;color:#116b35;font-weight:800;font-size:10px}.s8drh-notice.error{background:#fff0f3;color:#b71831}.s8drh-error{margin:30px auto;padding:20px;background:#fff0f3;border:1px solid #ffcbd5;border-radius:18px;max-width:760px;color:#a3182d}
.s8drh-member{min-height:100vh;background:var(--s8-bg);padding:30px}.member-wrap{max-width:1100px;margin:auto}.member-hero{background:linear-gradient(135deg,#5d37d8,#12aecf);color:#fff;border-radius:24px;padding:26px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px;box-shadow:var(--s8-shadow)}.member-hero span{font-size:10px;font-weight:950;letter-spacing:.08em}.member-hero h1{font-size:24px;line-height:1.12;margin:7px 0}.member-hero p{font-size:12px;color:rgba(255,255,255,.84);margin:0}.member-code{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:14px;font-weight:950;text-align:center}.member-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.s8drh-member .s8drh-form textarea{min-height:96px}.history-item{border:1px solid #e8eef7;border-radius:16px;padding:13px;margin-bottom:9px;background:#fbfdff}.history-item b,.history-item span,.history-item em{display:block}.history-item em{margin-top:7px;color:#6d36dc;font-weight:950;font-style:normal}.history-item p{margin:8px 0 0;color:#344054;font-size:10px}
@media(max-width:1400px){.s8drh-shortcuts{grid-template-columns:repeat(3,1fr)}.s8drh-layout,.s8drh-overview-grid{grid-template-columns:1fr}.s8drh-detail{position:relative;top:auto;max-height:none}}
@media(max-width:1100px){.s8drh-manager{grid-template-columns:1fr}.s8drh-sidebar{position:relative;min-height:auto}.s8drh-sidebar-footer{position:static;margin-top:16px}.member-grid{grid-template-columns:1fr}.s8drh-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.s8drh-main,.s8drh-member{padding:14px}.s8drh-topbar{height:auto;grid-template-columns:1fr}.s8drh-shortcuts,.s8drh-stats,.s8drh-settings-grid{grid-template-columns:1fr}.member-hero{display:block}.member-hero h1{font-size:22px}}
.s8drh-tabs{display:flex;gap:8px;margin:0 0 14px}.s8drh-tab{border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:900;cursor:pointer}.s8drh-tab.active{background:#7c3aed;color:#fff;border-color:#7c3aed}.hub-card.leader{border-color:#c4b5fd;background:linear-gradient(135deg,#fff,#f5f3ff)}.hub-card.member{border-color:#bfdbfe;background:linear-gradient(135deg,#fff,#eff6ff)}