@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,system-ui,Arial,sans-serif;color:#eef2ff;background:#080d19;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 85% 0%,#18213e 0%,transparent 45%),#080d19}aside{width:258px;background:#0d1425;position:fixed;inset:0 auto 0 0;padding:28px 18px;border-right:1px solid #26304a;display:flex;flex-direction:column;z-index:5}.brand{display:flex;gap:12px;align-items:center;padding:10px 9px 32px}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#8b5cf6,#00d5c5);font-size:28px}.brand h2{font-size:19px;letter-spacing:-.7px;margin:0}.brand em{color:#53e6d4;font-style:normal}.brand small{font-size:9px;letter-spacing:2px;color:#7f91b3}nav{display:grid;gap:9px}nav a{display:flex;align-items:center;gap:13px;color:#a5b3d1;text-decoration:none;border-radius:12px;padding:14px 16px;font-weight:600;font-size:13px}nav a:hover,nav a:first-child{background:#192643;color:#66eadb}.side-bottom{margin-top:auto;padding:16px 10px;color:#a4b2cd;font-size:12px;border-top:1px solid #26304a}.side-bottom a{float:right;color:#9fb7fa}.status-dot{display:inline-block;width:8px;height:8px;background:#28d9aa;border-radius:50%;margin-right:6px}main{margin-left:258px;padding:0 36px 60px;width:calc(100% - 258px);max-width:none}.topbar{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid #27314a;font-size:11px;letter-spacing:1.7px;color:#8393b4}.top-pill{background:#18263b;padding:10px 14px;border-radius:30px;color:#63e4d4;letter-spacing:.6px}.page-intro{padding:34px 0 8px}h1{font-size:clamp(27px,3vw,39px);letter-spacing:-1.3px;margin:0 0 9px}h2{font-size:19px;margin:0 0 12px;letter-spacing:-.3px}.muted{color:#95a5c4;font-size:13px;line-height:1.6}.panel,.stat{background:linear-gradient(145deg,#141e33,#11192b);border:1px solid #293753;border-radius:19px;padding:24px;margin:20px 0;box-shadow:0 14px 45px #0002}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.stat{position:relative;overflow:hidden;margin:16px 0;padding:27px}.stat:before{content:'';position:absolute;right:-28px;top:-35px;width:110px;height:110px;border-radius:50%;background:#43cbb81c}.stat b{font-size:clamp(26px,3vw,36px);display:block;color:#e9f7ff;margin-top:15px;letter-spacing:-1px}input,button,select{background:#0b1427;color:#f0f4ff;border:1px solid #344362;border-radius:11px;padding:13px 15px;font:inherit;font-size:13px;max-width:100%}input[type=text],input[type=url],input[type=password]{width:100%}input:focus{outline:2px solid #25cfbd66;border-color:#25cfbd}input[type=file]{width:100%;border-style:dashed}label{display:block;color:#b7c7e1;margin:20px 0 9px;font-size:13px}button,.btn{background:linear-gradient(110deg,#0bb9a7,#4672e9);border:0;color:white;cursor:pointer;font-weight:700;text-decoration:none;display:inline-block;padding:12px 17px;border-radius:10px;white-space:nowrap}button:hover,.btn:hover{filter:brightness(1.15)}.danger{background:#57263b;color:#ffacbf}.row{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.row>div{flex:1}.cat{display:flex;gap:14px;align-items:center;background:#0e172a;border:1px solid #263652;border-radius:13px;padding:14px;margin:9px 0;transition:background .2s}.cat:hover{background:#18233b}.cat .handle{cursor:grab;color:#59dfd0;font-size:24px;touch-action:none}.cat .name{flex:1;min-width:130px;overflow-wrap:anywhere}.cat small{color:#93a4c3;font-size:11px}.cat button,.cat .btn{font-size:12px;padding:10px 12px}.cat form{margin:0}.notice{padding:14px;border-radius:10px;background:#17403e;margin:12px 0}.error{background:#4a2333}a{color:#90d6ff}code{word-break:break-all}#search{margin:12px 0 16px}@media(max-width:1050px){aside{width:76px;padding:22px 10px}.brand{padding:10px 7px 30px}.brand>div,nav span,.side-bottom{display:none}.brand-icon{min-width:42px}nav a{justify-content:center;font-size:22px;padding:12px}main{margin-left:76px;width:calc(100% - 76px);padding:0 22px 40px}}@media(max-width:650px){aside{position:sticky;top:0;width:100%;height:auto;padding:9px 14px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid #26304a}.brand{padding:0}.brand-icon{width:35px;height:35px;min-width:35px;font-size:23px}nav{display:flex;gap:3px}nav a{padding:8px 10px;font-size:18px}main{margin:0;width:100%;padding:0 13px 32px}.topbar{padding:16px 0;font-size:9px}.top-pill{display:none}.page-intro{padding:24px 0 4px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.stat{padding:14px 9px;border-radius:12px;margin:10px 0}.stat b{font-size:20px}.stat .muted{font-size:10px}.panel{padding:16px;border-radius:14px}.cat{gap:8px;padding:11px;flex-wrap:wrap}.cat .name{flex-basis:calc(100% - 45px)}.cat form{flex:1}.cat form button,.cat .btn{width:100%;text-align:center}.row .btn{width:100%;text-align:center}}
/* Dashboard e formulários responsivos */
.auth{margin:auto;min-height:100vh;display:grid;place-items:center;padding:24px}.auth .panel{width:min(460px,100%)}.inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline input{width:auto;flex:1;min-width:150px}.client{flex-wrap:wrap;gap:12px}.client form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.client input[type=checkbox]{width:auto}.stats{flex-wrap:wrap}.stat{min-width:180px;flex:1}.panel{max-width:100%} @media(max-width:850px){aside{position:static!important;width:100%!important;height:auto!important}aside nav{display:flex;overflow:auto;gap:8px}aside nav a{white-space:nowrap}main{margin-left:0!important;width:100%!important;padding:16px!important}.topbar{flex-wrap:wrap}.cat{flex-wrap:wrap}.client .name{min-width:100%}}