/* GĐ1 visual system — premium navy/indigo, responsive */
:root{--ink:#16223a;--sub:#748198;--primary:#5268e8;--border:#e6ebf3;--soft:#f5f7fc;--shadow:0 12px 40px rgba(32,54,102,.055)}
html{scroll-behavior:smooth}
body{background:#f6f8fc}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a7b5ff!important;outline-offset:2px}
.sidebar{width:260px;flex-basis:260px;padding:29px 16px 16px;box-shadow:3px 0 30px #20345904;z-index:12}
.sidebar>.brand{padding:0 12px 31px;font-size:13px}
.sidebar .brand-mark{background:linear-gradient(145deg,#546ff4,#283a9d);border-radius:12px}
.workspace-label{padding:0 14px 13px}
.nav-button{border-radius:10px;margin:2px 0;padding:12px 14px;font-size:13px;transition:background .15s}
.nav-button.active{box-shadow:inset 3px 0 0 #5268e8;background:#eff2ff;font-weight:800}
.nav-button .nav-icon{font-size:17px}
.nav-group-label{color:#a2acbd;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:850;padding:18px 14px 9px}
.sidebar-bottom .tiny-card{background:linear-gradient(140deg,#eef2ff,#f9faff);border:1px solid #e5ebff}
.topbar{height:76px;background:#fff;position:sticky;top:0;z-index:9;border-bottom:1px solid #e8edf5}
.top-right{gap:15px}
.top-right #today{font-weight:550}
.round-icon{width:38px;height:38px;border:1px solid #e6ebf5;background:white;color:#536480;border-radius:11px;display:grid;place-items:center;position:relative;font-size:18px}
.round-icon:hover{background:#f1f4ff;color:#4f63da}
.dot-count{position:absolute;top:-6px;right:-7px;background:#fa685f;color:white;border:2px solid white;border-radius:20px;font-size:10px;min-width:20px;height:20px;display:grid;place-items:center;font-weight:800}
.test-tag{background:#fff4dc;color:#906c20;letter-spacing:.1px}
.page-content{max-width:1500px}
.page-head{margin-bottom:25px}
.page-head h1{font-size:29px;font-weight:800}
.page-head p{font-size:13px}
.primary{background:linear-gradient(115deg,#526bef,#4059d2);border-color:#526bef;box-shadow:0 5px 14px #5266de24}
.primary:hover{filter:brightness(.96)}
.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat-card{border-radius:14px;padding:21px;box-shadow:var(--shadow);min-height:135px;gap:11px;position:relative;overflow:hidden}
.stat-card:after{content:"";position:absolute;right:-15px;top:-15px;background:#f3f5fc;width:65px;height:65px;border-radius:50%}
.stat-card .stat-icon{font-size:21px;position:relative;z-index:1}
.stat-card small{font-size:12px}
.stat-card strong{font-weight:850;color:#1b2c4a}
.hero{border-radius:17px;background:linear-gradient(110deg,#152649 5%,#293c83 72%,#4d62bc);padding:33px}
.hero h2{letter-spacing:-.8px}
.hero p{max-width:680px}
.panel{box-shadow:var(--shadow);border-radius:15px}
.panel-head h3{letter-spacing:-.3px}
.product-card{box-shadow:var(--shadow)}
.sidebar-bottom .profile{padding-top:16px}
.version-chip{font-size:10px;color:#99a4b8;padding:13px 12px 0}
.gd-alert{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid #e5ecf6;border-left:4px solid #5871e5;border-radius:12px;padding:17px 19px;margin-bottom:22px}
.gd-alert .symbol{font-size:23px;line-height:1}
.gd-alert strong{display:block;font-size:13px;margin-bottom:5px}
.gd-alert p{margin:0;color:#8290a4;font-size:12px;line-height:1.65}
.gd-head{display:flex;gap:13px;align-items:center}
.gd-eyebrow{font-size:10px;color:#6076c9;letter-spacing:1.2px;font-weight:900}
.gd-statusline{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.gd-statusline span{background:#f4f6fc;border:1px solid #e8edf7;color:#687c9f;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:700}
.gd-heading{font-size:17px;font-weight:800;color:#1a2b48;margin:0}
.gd-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:19px;margin-top:18px}
.gd-quickgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gd-quick{background:#f9faff;border:1px solid #edf0f8;border-radius:11px;padding:14px;text-align:left;display:flex;align-items:center;gap:11px;color:#304369;font-size:12px;font-weight:750}
.gd-quick:hover{background:#f1f4ff;border-color:#cfd8ff}
.gd-quick span:first-child{font-size:22px}
.gd-activity{list-style:none;padding:0;margin:0}
.gd-activity li{display:flex;gap:11px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #eef1f7}
.gd-activity li:last-child{border:0}
.gd-activity .act-dot{background:#eff2ff;border-radius:10px;width:34px;height:34px;display:grid;place-items:center;color:#4d65df;flex:none;font-size:16px}
.gd-activity .act-title{font-weight:700;font-size:12px}
.gd-activity .act-time{color:#9aa6b7;font-size:11px;margin-top:3px}
.gd-checklist{display:flex;flex-direction:column;gap:8px;margin-top:17px}
.gd-step{display:flex;align-items:center;gap:9px;font-size:12px;color:#65748d}
.gd-step b{font-size:13px;color:#4c64e3}
.gd-step.done b{color:#109474}
.gd-mini{font-size:11px;color:#92a0b4}
.gd-tip{background:#eff5ff;border-radius:11px;padding:16px;line-height:1.65;color:#42577e;font-size:12px;margin-top:20px}
.gd-tip strong{color:#344b7a}
.gd-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.gd-toolbar .secondary{padding:10px 13px;font-size:12px}
.account-status{font-size:11px;font-weight:800;padding:5px 10px;border-radius:20px;display:inline-block}
.account-status.active{color:#07856b;background:#e8f9f2}
.account-status.pending{color:#9c741d;background:#fff6df}
.account-status.suspended,.account-status.rejected{color:#c25252;background:#fff0f0}
.account-panel{display:flex;align-items:center;gap:12px}
.account-panel .avatar{font-size:16px}
.notif-panel{position:fixed;z-index:40;right:24px;top:69px;width:min(410px,calc(100vw - 28px));max-height:70vh;overflow-y:auto;background:white;border:1px solid #e1e8f2;border-radius:15px;box-shadow:0 26px 80px #11234222;padding:15px}
.notif-panel[hidden]{display:none}
.notif-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.notif-list{display:flex;flex-direction:column}
.notif-row{border:0;border-bottom:1px solid #edf0f7;background:white;padding:13px 8px;text-align:left;width:100%;display:flex;gap:11px;align-items:flex-start;border-radius:8px}
.notif-row:hover{background:#f8faff}
.notif-row.unread{background:#f4f6ff}
.notif-row .glyph{font-size:17px;flex:none}
.notif-row b{display:block;color:#263653;font-size:12px}
.notif-row p{margin:5px 0;color:#718099;font-size:11px;line-height:1.45}
.notif-row small{color:#9ba8bb;font-size:10px}
.gd-demo-grid{display:grid;grid-template-columns:1fr;gap:11px;margin-top:26px}
.gd-demo-btn{display:flex;align-items:center;gap:13px;border:1px solid #e2e9f7;border-radius:13px;background:#fff;padding:16px;text-align:left;width:100%;transition:all .2s}
.gd-demo-btn:hover{border-color:#8398f7;background:#f6f8ff;transform:translateY(-1px)}
.gd-demo-btn .emoji{font-size:27px;background:#eff2ff;width:47px;height:47px;border-radius:11px;display:grid;place-items:center;flex:none}
.gd-demo-btn .details{display:flex;flex-direction:column;gap:5px;flex:1}
.gd-demo-btn .details b{font-size:14px;color:#1d3053}
.gd-demo-btn .details small{font-size:11px;color:#8a97a9}
.gd-demo-btn .arrow{font-size:20px;color:#647bee}
.gd-safe{font-size:11px;line-height:1.7;color:#936e36;background:#fffaee;padding:12px 14px;border:1px solid #faebc5;border-radius:10px;margin-top:20px}
.gd-role-switch{border:1px solid #e8edf5;border-radius:9px;background:#fff;padding:7px 9px;font-size:11px;font-weight:700;color:#4a5a78;max-width:155px}
.gd-demo-label{font-size:11px;color:#64749b;font-weight:850;letter-spacing:.8px}
.gd-side-shade{display:none}
.gd-setting-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:10px 0}
.gd-readonly{background:#f6f8fc;color:#8794a9}
@media(max-width:1180px){.gd-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gd-checklist{flex-direction:row;flex-wrap:wrap;gap:15px}}
@media(max-width:780px){.sidebar{left:-260px;width:260px}.sidebar.open{left:0}.gd-side-shade{display:block;position:fixed;inset:0;background:#14233b88;z-index:11}.gd-side-shade[hidden]{display:none}.topbar{height:60px}.top-right{gap:7px}.page-head h1{font-size:23px}.gd-grid{gap:12px}.gd-quickgrid{grid-template-columns:1fr 1fr}.gd-quick{padding:11px 8px;font-size:11px;gap:7px}.gd-quick span:first-child{font-size:17px}.stat-grid{gap:10px}.stat-card{min-height:120px}.gd-role-switch{width:104px;max-width:104px;font-size:10px}.page-content{padding:18px 14px 70px}.hero h2{font-size:21px}.hero{padding:24px}.gd-alert{padding:14px}.notif-panel{right:14px;top:65px}.top-right .test-tag{display:none}}
@media(max-width:390px){.stat-grid{grid-template-columns:1fr 1fr}.stat-card strong{font-size:19px}.gd-role-switch{max-width:88px}.gd-quickgrid{grid-template-columns:1fr}.header-breadcrumb span{display:none}}