:root{--g-blue:#4285f4;--g-red:#ea4335;--g-yellow:#fbbc04;--g-green:#34a853;--ink-2:#172b4d;--canvas-2:#f6f8fc}
body{background:var(--canvas-2);color:var(--ink-2)}
.sidebar{background:#fff;color:var(--ink-2);border-right:1px solid #e5eaf2;box-shadow:none}.brand{padding:0 12px}.brand-kicker{margin-top:15px;color:#8090a6}.brand-name{color:var(--ink-2);font-size:25px;font-weight:750}.color-track{display:flex;width:54px;height:4px;overflow:hidden;border-radius:10px}.color-track i{flex:1}.color-track i:nth-child(1){background:var(--g-blue)}.color-track i:nth-child(2){background:var(--g-red)}.color-track-track i:nth-child(3){background:var(--g-yellow)}.color-track-track i:nth-child(4){background:var(--g-green)}.color-track-track{display:none}.color-track-track i{display:none}.color-track i:nth-child(3){background:var(--g-yellow)}.color-track i:nth-child(4){background:var(--g-green)}
.sidebar nav a,.sidebar .logout a{color:#62738b}.sidebar nav a:before{border:0;background:#c5cfdd}.sidebar nav a:hover{color:#174ea6;background:#f1f6ff}.sidebar nav a.active{color:#174ea6;background:#e8f0fe;box-shadow:none}.sidebar nav a.active:before{border:0;background:var(--g-blue);box-shadow:0 0 0 4px #d5e4ff}.sidebar .logout{border-color:#e7ebf1}.sidebar .logout a{color:#75859a}.sidebar .logout a:hover{color:#b3261e;background:#fce8e6}
.page-eyebrow{color:#1967d2}.page-header{padding-bottom:4px}.card,.stat-tile{border-color:#e2e7ef;box-shadow:0 8px 30px rgba(60,64,67,.06)}.card{border-radius:18px}.card-head{position:relative}.card-head:after{content:"";position:absolute;top:1px;right:0;width:32px;height:4px;border-radius:9px;background:linear-gradient(90deg,var(--g-blue) 0 25%,var(--g-red) 25% 50%,var(--g-yellow) 50% 75%,var(--g-green) 75%)}.btn-primary{background:var(--g-blue);box-shadow:0 5px 14px rgba(66,133,244,.22)}.btn-primary:hover{background:#1a73e8}.badge-ok{background:#e6f4ea;color:#137333}.badge-error{background:#fce8e6;color:#c5221f}.stat-tile:nth-child(1){border-top:4px solid var(--g-blue)}.stat-tile:nth-child(2){border-top:4px solid var(--g-green)}.stat-tile:nth-child(3){border-top:4px solid var(--g-red)}.stat-tile:after{border:0;width:36px;height:36px;top:18px;right:18px;background:#edf3fe}.stat-tile:nth-child(2):after{background:#e6f4ea}.stat-tile:nth-child(3):after{background:#fce8e6}
.login-shell{display:grid;grid-template-columns:minmax(320px,430px);background:#f5f7fb}.login-shell:before{width:52vw;height:100%;inset:0 auto 0 0;border:0;border-radius:0;background:linear-gradient(145deg,#174ea6,#4285f4 62%,#6da0f5);box-shadow:none;clip-path:polygon(0 0,82% 0,100% 100%,0 100%)}.login-shell:after{width:300px;height:300px;top:8%;left:7%;bottom:auto;border:1px solid rgba(255,255,255,.18);background:transparent;box-shadow:0 0 0 60px rgba(255,255,255,.,.035),0 0 0 120px rgba(255,255,255,.02)}.login-card{margin-left:min(42vw,480px);padding:44px;border:0;border-radius:24px;box-shadow:0 25px 70px rgba(23,43,77,.16)}.login-card:before{content:"";display:block;width:58px;height:5px;margin-bottom:32px;border-radius:9px;background:linear-gradient(90deg,var(--g-blue) 0 25%,var(--g-red) 25% 50%,var(--g-yellow) 50% 75%,var(--g-green) 75%)}.login-kicker{color:#1967d2}.login-card h1{font-size:2rem}.login-copy{font-size:14px;line-height:1.65}.login-card input{min-height:50px}.login-card .btn{min-height:50px;border-radius:11px}
@media(max-width:760px){.sidebar{background:#fff;border-top:1px solid #dfe5ed;box-shadow:0 -8px 24px rgba(23,43,77,.08)}.sidebar nav a{color:#6f7f94}.sidebar nav a.active{color:#1967d2;background:#e8f0fe;box-shadow:none}.login-shell{display:flex;align-items:flex-end;padding:0;background:linear-gradient(155deg,#1967d2 0,#4285f4 38%,#f5f7fb 38.2%)}.login-shell:before,.login-shell:after{display:none}.login-card{margin:130px 0 0;max-width:none;padding:36px 24px max(36px,env(safe-area-inset-bottom));border-radius:28px 28px 0 0;box-shadow:0 -12px 40px rgba(23,43,77,.13)}.login-card:before{margin-bottom:27px}.login-card h1{font-size:1.75rem}.page-header{align-items:flex-start}.page-header .btn{white-space:nowrap}.filter-bar{grid-template-columns:1fr 1fr}.table-card{border-radius:16px}.stats-row{grid-template-columns:repeat(3,1fr);overflow-x:auto;padding-bottom:3px}.stat-tile{min-width:145px}}
@media(max-width:480px){.main-content{padding-top:22px}.page-header{display:grid;grid-template-columns:1fr}.page-header .btn{width:100%}.phone-group{display:grid;grid-template-columns:115px 1fr}.filter-bar{grid-template-columns:1fr}.filter-bar .form-group:first-child{grid-column:auto}.stats-row{grid-template-columns:1fr}.stat-tile{min-width:0}.modal-overlay{align-items:flex-end;padding:0}.modal-box{max-height:92dvh;border-radius:22px 22px 0 0;padding:24px}.pagination{flex-wrap:wrap}.pagination .field-hint{width:100%;order:-1}}