:root{--g-blue:#1769ff;--g-navy:#071a3d;--g-ink:#06366b;--g-ice:#dff3ff;--g-soft:#f7fbff;--g-line:#d9e8f8;--g-white:#fff;--g-red:#e11d48;--g-green:#0f9d58;--g-shadow:0 18px 55px rgba(7,26,61,.12);--g-radius:24px}
.g1{min-height:100vh;background:linear-gradient(180deg,#dff3ff 0,#fff 35%,#f7fbff 100%);color:var(--g-navy)}
.g1-wrap{max-width:1180px;margin:auto;padding:0 18px}
.g1-top{position:sticky;top:0;z-index:80;background:rgba(7,26,61,.94);backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(7,26,61,.16)}
.g1-nav{display:flex;align-items:center;gap:10px;overflow:auto;padding:10px 0;scrollbar-width:none}.g1-nav::-webkit-scrollbar{display:none}
.g1-brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-weight:950;white-space:nowrap;margin-right:8px}.g1-brand img{width:34px;height:34px;object-fit:contain}.g1-nav a{color:#dff3ff;text-decoration:none;font-size:13px;font-weight:850;padding:9px 11px;border-radius:12px;white-space:nowrap}.g1-nav a:hover,.g1-nav a.active{background:#1769ff;color:#fff}
.g1-hero{padding:38px 0 26px}.g1-kicker{font-size:12px;font-weight:950;letter-spacing:.14em;color:var(--g-blue);text-transform:uppercase}.g1-hero h1{font-size:clamp(34px,6vw,66px);line-height:.98;margin:10px 0;color:var(--g-navy)}.g1-hero p{max-width:860px;font-size:17px;line-height:1.7;color:#47627b}
.g1-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;padding-bottom:30px}.g1-card{background:rgba(255,255,255,.9);border:1px solid var(--g-line);border-radius:var(--g-radius);padding:20px;box-shadow:var(--g-shadow);backdrop-filter:blur(8px)}.g1-span-3{grid-column:span 3}.g1-span-4{grid-column:span 4}.g1-span-6{grid-column:span 6}.g1-span-8{grid-column:span 8}.g1-span-12{grid-column:1/-1}.g1-card h2,.g1-card h3{margin-top:0;color:var(--g-navy)}.g1-muted{color:#60758a}.g1-stat{font-size:31px;font-weight:950;color:var(--g-ink)}
.g1-actions{display:flex;gap:10px;flex-wrap:wrap}.g1-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;padding:11px 15px;background:var(--g-blue);color:#fff;text-decoration:none;font-weight:900;cursor:pointer}.g1-btn.secondary{background:#edf5ff;color:var(--g-ink)}.g1-btn.danger{background:#ffecef;color:#b4233d}.g1-btn:disabled{opacity:.55;cursor:not-allowed}
.g1-input,.g1-select,.g1-textarea{width:100%;box-sizing:border-box;border:1px solid var(--g-line);border-radius:14px;padding:12px 13px;background:#fff;color:var(--g-navy);font:inherit}.g1-textarea{min-height:130px;resize:vertical}
.g1-list{display:flex;flex-direction:column;gap:10px}.g1-item{padding:13px;border:1px solid var(--g-line);background:#fbfdff;border-radius:16px}.g1-item strong{color:var(--g-navy)}
.g1-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;background:#edf5ff;color:var(--g-ink)}.g1-badge.live{background:#ffe8ed;color:#bb1434;animation:gpulse 1.6s infinite}.g1-badge.ok{background:#eaf8f1;color:#0c7944}
@keyframes gpulse{50%{transform:scale(1.04);box-shadow:0 0 0 8px rgba(225,29,72,.08)}}
.g1-meter{height:10px;border-radius:999px;background:#e9f2fb;overflow:hidden}.g1-meter>span{display:block;height:100%;background:linear-gradient(90deg,#1769ff,#4c9dff);width:0%;transition:width .45s ease}
.g1-table-wrap{overflow:auto;border:1px solid var(--g-line);border-radius:16px}.g1-table{width:100%;border-collapse:collapse;min-width:580px}.g1-table th,.g1-table td{padding:10px 12px;border-bottom:1px solid #eaf2f8;text-align:left;font-size:13px}.g1-table th{background:#eff7ff;color:var(--g-ink)}
.g1-dock{position:sticky;bottom:10px;z-index:70;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:8px}.g1-dock a{background:rgba(7,26,61,.94);color:#fff;text-decoration:none;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;box-shadow:0 12px 28px rgba(7,26,61,.2)}
.g1-2col{display:grid;grid-template-columns:1.35fr .65fr;gap:16px}.g1-kpi{display:flex;align-items:center;justify-content:space-between;gap:12px}.g1-avatar{width:72px;height:72px;border-radius:50%;background:#dceeff;object-fit:cover;display:grid;place-items:center;font-size:28px;font-weight:950;color:var(--g-ink)}
.g1-chipbar{display:flex;gap:8px;overflow:auto;scrollbar-width:none;padding-bottom:3px}.g1-chipbar::-webkit-scrollbar{display:none}.g1-chip{flex:0 0 auto;border:1px solid var(--g-line);background:#fff;color:var(--g-ink);border-radius:999px;padding:9px 12px;font-weight:850;cursor:pointer}.g1-chip.active{background:var(--g-blue);color:#fff;border-color:var(--g-blue)}
.g1-notice{padding:11px 13px;border-radius:14px;background:#f1f7ff;color:#355672;border:1px solid var(--g-line)}
.g1-footer{padding:28px 0 60px;color:#60758a;text-align:center;font-size:13px}
@media(max-width:950px){.g1-span-3,.g1-span-4{grid-column:span 6}.g1-span-8{grid-column:1/-1}.g1-2col{grid-template-columns:1fr}}
@media(max-width:680px){.g1-wrap{padding:0 12px}.g1-grid{grid-template-columns:1fr}.g1-span-3,.g1-span-4,.g1-span-6,.g1-span-8,.g1-span-12{grid-column:1/-1}.g1-card{padding:16px;border-radius:20px}.g1-hero{padding-top:25px}.g1-hero h1{font-size:38px}.g1-hero p{font-size:15px}.g1-nav{gap:5px}.g1-nav a{font-size:12px;padding:8px 9px}.g1-actions>*{width:100%}.g1-btn{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;scroll-behavior:auto!important;transition:none!important}}