:root{--blue:#099df2;--deep:#0574d4;--ink:#081b2c;--muted:#64748b;--bg:#eff8ff;--line:#d4e7f5}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}h1{font-size:clamp(25px,3vw,34px);margin:4px 0 10px}h2{font-size:21px;margin:0 0 18px}p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:13px}.topbar{height:78px;background:#fff;display:flex;align-items:center;gap:20px;padding:8px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800}.brand img{height:55px;width:70px;object-fit:contain;object-position:center}.brand b{color:var(--blue)}.brand small{display:block;font-size:8px;letter-spacing:3px}.top-user{margin-left:auto;font-weight:600}.text-btn{border:0;background:transparent;color:var(--deep);cursor:pointer;font-weight:700}.layout{display:flex;min-height:calc(100vh - 78px)}.sidebar{background:#fff;width:238px;padding:24px 14px;flex-shrink:0;border-right:1px solid var(--line)}.sidebar a{display:block;padding:15px 18px;margin:5px 0;border-radius:13px;color:#38516a;font-weight:650}.sidebar a:hover,.sidebar a.active{background:#e1f3ff;color:#007ed6}.content{width:100%;max-width:1250px;margin:auto;padding:35px 34px 110px}.demo-banner{border:1px solid #86c7ed;background:#d8f1ff;color:#075d9d;border-radius:12px;padding:12px 17px;font-size:13px;font-weight:800;margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:25px 0 32px}.stat{padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 22px #1e77b10a}.stat span{display:block;color:#6a8195;font-size:14px;margin-bottom:13px}.stat strong{font-size:clamp(20px,2.5vw,30px)}.stat.primary{background:linear-gradient(130deg,#00b5f8,#0574e9);color:white}.stat.primary span{color:#e6f8ff}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 30px}.quick a,button{border:0;background:linear-gradient(120deg,#00b4f6,#0878e7);color:white;font-weight:750;border-radius:12px;padding:15px 18px;cursor:pointer;text-align:center;font-size:15px}.quick a:hover,button:hover{filter:brightness(.95)}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;margin:18px 0;box-shadow:0 8px 28px #1678b00a}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards .panel{margin:12px 0}.plan h2{color:#087fe1}.plan button{width:100%}.form-panel{max-width:600px}.form-panel button{width:100%;margin-top:10px}label{display:block;font-weight:650;font-size:14px;margin:14px 0;color:#26445f}input,select{display:block;width:100%;margin-top:8px;padding:14px 15px;border:1px solid #bcd9eb;border-radius:12px;font-size:16px;color:#17344c;background:white;outline-color:var(--blue)}.notice{background:#e9f7ff;border:1px solid #acdfff;border-radius:14px;padding:18px;line-height:1.8}.alert{padding:16px 18px;border-radius:12px;margin:12px 0}.error{background:#ffe9e7;color:#a12828}.success{background:#e2f8eb;color:#137045}.warning{background:#fff0c7;color:#77500b}.risk{color:#a45a00}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:570px}th,td{text-align:left;padding:13px;border-bottom:1px solid #e5eff5;font-size:14px}th{color:#48647b;background:#f6fbff}.pill{border-radius:99px;padding:5px 10px;font-size:12px;font-weight:700}.pending{background:#fff1bf;color:#805700}.approved{background:#d8f8e6;color:#176b3a}.rejected{background:#ffe1e1;color:#a22}.settings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.settings button{grid-column:1/-1}.actions{display:flex;gap:6px}.small-btn{padding:9px 12px;font-size:12px}.reject{background:#d34848}.auth{min-height:100vh;display:grid;place-items:center;padding:25px}.auth-card{max-width:950px;width:100%;text-align:center}.brand-logo{width:min(480px,90%);height:225px;object-fit:contain}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:left;margin:25px 0}.auth-grid button{width:100%}.bottom-nav{display:none}@media(max-width:950px){.stats{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}.quick{grid-template-columns:repeat(2,1fr)}.settings{grid-template-columns:1fr}}@media(max-width:680px){.topbar{height:66px;padding:6px 14px}.brand{font-size:13px}.brand img{width:50px;height:47px}.brand small{font-size:6px;letter-spacing:1px}.top-user{display:none}.sidebar{display:none}.content{padding:23px 16px 110px}.stats{gap:10px}.stat{padding:17px}.stat strong{font-size:22px}.stat span{font-size:12px}.quick{gap:10px}.quick a{font-size:13px;padding:16px 9px}.panel{padding:18px;border-radius:15px}.auth-grid{grid-template-columns:1fr}.brand-logo{height:175px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:white;border-top:1px solid var(--line);z-index:5;padding:10px 2px max(10px,env(safe-area-inset-bottom))}.bottom-nav a{display:flex;flex-direction:column;align-items:center;font-size:25px;color:#0087df}.bottom-nav small{font-size:10px;color:#314f67;margin-top:2px}.demo-banner{font-size:11px}.actions{flex-wrap:wrap}}