@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}html{background:#eef5fc}body{color:#102a43;background:radial-gradient(circle at 82% 8%,#3482dc1f,#0000 30%),linear-gradient(145deg,#f8fbff 0%,#eef5fc 52%,#e7f1fb 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{background:0 0;min-height:100vh;position:relative;overflow-x:hidden}.app-shell:before{content:"T";color:#2a74be0e;pointer-events:none;z-index:0;border:30px solid #2a74be0e;border-radius:50%;place-items:center;width:360px;height:360px;font-size:150px;font-weight:800;display:grid;position:fixed;bottom:7vh;right:-75px;transform:rotate(-10deg)}.app-shell:after{content:"";pointer-events:none;z-index:0;border-top:34px solid #2a74be13;border-radius:50%;width:760px;height:360px;position:fixed;bottom:-175px;left:-180px;transform:rotate(9deg)}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border-bottom:1px solid #dbe8f5;justify-content:space-between;align-items:center;gap:24px;height:72px;padding:0 30px;display:flex;position:relative;box-shadow:0 2px 14px #1f4b730f}.brand{color:#123b67;white-space:nowrap;align-items:center;gap:12px;font-size:21px;font-weight:800;display:flex;position:relative}.brand:before{content:"⚙";color:#145b9e;background:#fff;border:3px solid #2373c6;border-radius:50%;place-items:center;width:40px;height:40px;font-size:25px;display:grid;box-shadow:0 0 0 5px #2373c614}.brand span{color:#6a88a5;letter-spacing:.2px;margin-left:2px;font-size:11px;font-weight:500;display:inline}.top-right{align-items:center;gap:14px;font-size:12px;display:flex}.tenant{color:#315875;font-weight:700}.user-email{color:#6d8498}.layout{z-index:1;min-height:calc(100vh - 72px);display:flex;position:relative}.nav{background:#fafdffe6;border-right:1px solid #dbe8f5;flex:0 0 224px;width:224px;padding:18px 14px;box-shadow:3px 0 18px #1f4b7309}.nav a{color:#315875;border-radius:10px;margin:3px 0;padding:11px 13px;font-size:14px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:block}.nav a:hover{color:#135da1;background:#eaf4ff}.nav a.active{color:#0f63ad;background:linear-gradient(90deg,#dceeff,#eef7ff);box-shadow:inset 3px 0 #2477ca}.main{flex:1;min-width:0;padding:30px clamp(20px,4vw,52px) 56px;position:relative}.main>*{width:100%;max-width:1280px;margin-left:auto;margin-right:auto}h1{color:#10365e;letter-spacing:-.6px;margin:0 0 8px;font-size:34px;font-weight:800;line-height:1.15}h2{color:#153e67;margin:0 0 8px;font-size:20px}h3{color:#1b496f}p{line-height:1.55}.muted{color:#668098}.row{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.hero{margin-bottom:24px}.hero p{color:#637d95;max-width:760px;font-size:15px}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #dce9f5;border-radius:16px;padding:22px;box-shadow:0 8px 26px #27578213}.section{margin-top:20px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}button{color:#fff;background:linear-gradient(135deg,#247bd0,#1466b5);border:1px solid #1971c5;border-radius:10px;min-height:42px;padding:10px 16px;font-weight:700;box-shadow:0 5px 14px #1a67b12e}button:hover{filter:brightness(1.04)}button.secondary{color:#1765a9;box-shadow:none;background:#fff;border-color:#a8ccec}input,textarea,select{color:#193b59;background:#fff;border:1px solid #cbddec;border-radius:10px;outline:none;width:100%;min-height:42px;padding:10px 12px}input:focus,textarea:focus,select:focus{border-color:#5ca2df;box-shadow:0 0 0 3px #3185cd1f}.table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #dce9f5;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 6px 20px #2757820e}.table th{color:#476b89;text-transform:uppercase;letter-spacing:.04em;background:#f1f7fd;font-size:12px}.table th,.table td{text-align:left;border-bottom:1px solid #e8f0f7;padding:13px 14px}.table tr:last-child td{border-bottom:0}.pill{color:#1c649e;background:#eaf4ff;border-radius:999px;align-items:center;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.notice{color:#315875;background:#eff7ff;border:1px solid #c9def1;border-radius:10px;padding:12px 14px}.warning{color:#a16207;font-weight:700}.form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form label{color:#355872;flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.full{grid-column:1/-1}.mx-auto{margin-left:auto!important;margin-right:auto!important}.w-full{width:100%!important}.max-w-7xl{max-width:1280px!important}.px-6{padding-left:24px!important;padding-right:24px!important}.py-7{padding-top:28px!important;padding-bottom:28px!important}@media (min-width:640px){[class~=sm\:px-8]{padding-left:32px!important;padding-right:32px!important}}@media (min-width:1024px){[class~=lg\:px-10]{padding-left:40px!important;padding-right:40px!important}}@media (max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{flex-basis:190px;width:190px}.topbar{padding:0 22px}}@media (max-width:700px){.topbar{height:64px;padding:0 16px}.brand{font-size:18px}.brand:before{width:32px;height:32px;font-size:19px}.brand span,.tenant,.user-email{display:none}.layout{min-height:calc(100vh - 64px);display:block}.nav{white-space:nowrap;border-bottom:1px solid #dbe8f5;border-right:0;gap:5px;width:100%;padding:8px 12px;display:flex;overflow-x:auto}.nav a{margin:0;padding:9px 12px;font-size:12px;display:inline-block}.main{padding:22px 20px 42px}.main>*{max-width:none}.row{flex-direction:column;align-items:flex-start;gap:12px}h1{font-size:30px}.grid,.form{grid-template-columns:1fr}.card{border-radius:14px;padding:18px}.table{display:block;overflow-x:auto}.app-shell:before{border-width:20px;width:250px;height:250px;font-size:105px;bottom:14vh;right:-100px}}
