:root{font:14px 'Segoe UI',Arial,sans-serif;color:#192537;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}[hidden]{display:none!important}button{cursor:pointer;border:0;border-radius:9px;padding:12px 16px;background:#176bd4;color:white;font-weight:700}button:hover{filter:brightness(.95)}.link{background:none;color:#176bd4;padding:12px 0}.brand{font-size:20px;font-weight:850;white-space:nowrap}.brand span{color:#39b9f6}.brand small{font-size:10px;color:#60c7fb;letter-spacing:.13em}.auth{min-height:100vh;display:grid;place-items:center;background:linear-gradient(120deg,#071c35,#123b67)}.card{background:white;border:1px solid #e3e9f1;border-radius:16px;box-shadow:0 12px 40px #0c274316;padding:24px}.auth-card{width:min(450px,94vw);padding:36px}.auth-card h1{font-size:27px;margin:32px 0 8px}.auth-card p{color:#64748b}.auth-card form{display:grid;gap:12px;margin-top:25px}.auth-card form button{margin-top:7px}label{display:grid;gap:7px;font-weight:650;color:#35445a}input,textarea,select{padding:11px;border:1px solid #cfd8e5;border-radius:8px;background:white;color:#1e293b;outline-color:#176bd4}#app{display:flex;min-height:100vh}aside{width:245px;flex:none;background:#0b2038;color:white;padding:26px 16px;display:flex;flex-direction:column}nav{display:grid;gap:5px;margin-top:40px}nav button{background:transparent;color:#c9d8e9;text-align:left}nav button.active,nav button:hover{background:#1859a6;color:white}.logout{margin-top:15px;background:#203c59}#tenant{margin-top:auto;color:#c7d6e8;font-size:12px;overflow-wrap:anywhere}main{flex:1;min-width:0}header{padding:29px 36px;background:white;border-bottom:1px solid #e1e8f0;display:flex;justify-content:space-between;align-items:center}header h1{margin:5px 0 0;font-size:27px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#1885df}#account{color:#64748b;font-size:12px}#content{padding:30px 36px;max-width:1400px;margin:auto}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric strong{display:block;font-size:36px;margin-top:14px}.metric span{color:#64748b;font-weight:700}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:16px}.toolbar input{flex:1;max-width:370px}.row{border-top:1px solid #e8edf3;padding:15px 0;display:flex;justify-content:space-between;gap:15px;align-items:center}.row:first-of-type{border:0}.row small{display:block;margin-top:5px;color:#64748b}.row .actions{display:flex;gap:8px}.secondary{background:#eef4fc;color:#205383}.danger{background:#fff1f1;color:#ad2634}.empty{color:#64748b;padding:30px;text-align:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid label.wide{grid-column:1/-1}form.card{display:grid;gap:16px}.form-actions{display:flex;gap:10px}.pill{background:#e7f3ff;color:#1163a8;padding:6px 10px;border-radius:20px;font-size:12px}.banner{background:#e8f3ff;border-radius:14px;padding:22px;margin-bottom:20px}.banner h2{margin:0 0 8px}.banner p{margin:0;color:#49647e}#notice{position:fixed;bottom:20px;right:20px;background:#0b2038;color:white;border-radius:8px;padding:14px 20px;box-shadow:0 5px 20px #0003}@media(max-width:800px){aside{width:75px;padding:16px 7px}aside .brand,aside #tenant{display:none}nav button{font-size:0}nav button::first-letter{font-size:19px}main header,#content{padding:20px}.metrics,.grid{grid-template-columns:1fr}header #account{display:none}}
/* Bancada Pro · visual renovado */
:root{font:15px Inter,'Segoe UI',Arial,sans-serif;color:#17243a;background:#f3f6fb}body{background:#f3f6fb}button{background:#185cda;border-radius:11px;transition:transform .16s,box-shadow .16s,background .16s;box-shadow:0 5px 13px #185cda20}button:hover{filter:none;transform:translateY(-1px);background:#104fbd}button:focus-visible,input:focus-visible{outline:3px solid #5aa8ff;outline-offset:2px}.card{border:1px solid #e6ebf4;border-radius:20px;box-shadow:0 10px 36px #102d5510}aside{width:264px;background:linear-gradient(160deg,#071a34,#0d2a4c 75%,#173c66);padding:32px 20px}aside .brand{font-size:22px;letter-spacing:-.035em}nav{gap:8px;margin-top:52px}nav button{padding:14px 16px;border-radius:12px;box-shadow:none;font-size:14px}nav button.active,nav button:hover{background:#ffffff1c;color:#fff}nav button.active{box-shadow:inset 3px 0 #64caff}.logout{box-shadow:none;background:#ffffff19}#tenant{padding:16px 12px;border-top:1px solid #ffffff2a}main header{padding:30px 42px;min-height:114px}header h1{font-size:30px;letter-spacing:-.04em}#content{padding:34px 42px}.eyebrow{color:#3178cf}.banner{background:linear-gradient(118deg,#102c58 0%,#1453a4 72%,#2383cf 100%);border-radius:23px;min-height:205px;padding:32px 38px;color:#fff;display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-shadow:0 20px 40px #11489c27}.banner-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:#9bd8ff}.banner h2{font-size:30px;letter-spacing:-.035em;margin:13px 0 10px}.banner p{color:#d4e8ff;max-width:520px;line-height:1.6}.banner-mark{font-size:92px;font-weight:900;opacity:.16;transform:rotate(-13deg);white-space:nowrap}.banner-mark span{color:#6ddaff}.metrics{margin-top:20px}.metric{min-height:145px}.metric span{font-size:11px;letter-spacing:.11em;color:#65758e}.metric strong{color:#173662;font-size:40px;letter-spacing:-.05em;margin-top:10px}.metric small{color:#75849a}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.section-heading h2{margin:6px 0 0;font-size:21px;letter-spacing:-.03em}.row{padding:18px 0;gap:16px}.row-body{flex:1;min-width:0}.row-body b{color:#1b3151}.row small{line-height:1.5}.device-thumb{width:64px;height:64px;object-fit:cover;border-radius:13px;border:1px solid #dce5f0;flex:none;background:#f2f4f8}.toolbar input{max-width:450px}.secondary{background:#eaf1fd;color:#15539d;box-shadow:none}.secondary:hover{background:#dceaff}.danger{box-shadow:none}.danger:hover{background:#ffe1e4}.pill{background:#e9f5ef;color:#186447;font-weight:750}.auth{background:radial-gradient(circle at 15% 15%,#225fa5 0%,transparent 33%),linear-gradient(130deg,#081b35,#113b73)}.auth-card{border:1px solid #ffffff35;padding:40px;box-shadow:0 28px 70px #031c3b66}.auth-card h1{font-size:31px;letter-spacing:-.04em}.auth-card p{line-height:1.6}input,textarea,select{min-height:45px;border-radius:10px;border-color:#d7e0eb}label{font-size:13px}.editor-card{margin-top:18px}.photo-field{background:#f6f9fe;border:1px dashed #b7cce9;border-radius:16px;padding:20px}.photo-field label{font-size:15px;color:#173b70}.photo-field p{color:#64748b;font-size:13px;line-height:1.5}.photo-field input{display:block;max-width:100%;border:0;padding:8px 0;background:none}.photo-field input::file-selector-button{background:#185cda;color:white;border:0;border-radius:9px;padding:10px 13px;margin-right:12px;cursor:pointer}.photo-preview{max-width:300px;max-height:240px;object-fit:contain;border-radius:13px;border:1px solid #d8e2ef;display:block;margin:12px 0}.photo-placeholder{display:inline-block;color:#8492a7;padding:12px 0}.form-actions{flex-wrap:wrap}.row .actions{flex-wrap:wrap}@media(max-width:800px){aside{width:100%;padding:12px 16px;display:block}#app{display:block}aside .brand,aside #tenant{display:block}aside .brand{font-size:17px}nav{display:flex;gap:6px;overflow-x:auto;margin-top:12px;padding-bottom:5px}nav button{font-size:12px;white-space:nowrap;padding:9px 11px}nav button::first-letter{font-size:12px}aside #tenant{padding:8px 0;border:0}.logout{margin:2px 0 0;padding:8px 11px;font-size:12px}main header,#content{padding:20px}.banner{padding:24px;min-height:170px}.banner h2{font-size:24px}.banner-mark{display:none}.metrics,.grid{grid-template-columns:1fr}.metric{min-height:105px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none;min-width:100%}.auth-card{padding:25px}.row{flex-wrap:wrap}.row .actions{width:100%;padding-left:80px}#account{display:none}}
/* Preto grafite e verde vivo · Bancada Pro */
:root{font:15px 'Segoe UI',Arial,sans-serif;background:#0b1011;color:#eaf5ee}body{background:#0b1011;color:#eaf5ee}#app{background:#0b1011}main{background:radial-gradient(circle at 75% 0%,#142521 0%,#0b1011 45%)}.card{background:linear-gradient(150deg,#182321,#131c1b);border:1px solid #31423b;box-shadow:inset 0 1px #ffffff0a,0 16px 38px #0004;color:#effaf2}.card h2,.row-body b,.auth-card h1{color:#ecf9f0}button{background:linear-gradient(145deg,#78f3a1,#31c671);color:#07180f;box-shadow:inset 0 1px #fff7,0 5px 0 #17633a,0 13px 20px #0005;font-weight:800}button:hover{background:linear-gradient(145deg,#a4ffc1,#48dd85);box-shadow:inset 0 1px #fff8,0 4px 0 #17633a,0 10px 19px #0006}button:active{transform:translateY(3px);box-shadow:inset 0 1px #fff5,0 2px 0 #17633a}.secondary{background:#24352f;color:#b1f6c9;box-shadow:inset 0 1px #ffffff16;border:1px solid #426654}.secondary:hover{background:#2d4a3b;box-shadow:inset 0 1px #ffffff16}.danger{background:#432d31;color:#ffc5cb;box-shadow:none;border:1px solid #633d43}.danger:hover{background:#56373b;box-shadow:none}.link{background:transparent;box-shadow:none;color:#83f4ac}.link:hover{background:transparent;box-shadow:none}aside{width:276px;background:linear-gradient(168deg,#111d1a,#0b1412 75%,#11251b);border-right:1px solid #2d4335;box-shadow:8px 0 32px #0004}aside .brand,.auth .brand{display:flex;align-items:center;gap:12px;font-size:21px;letter-spacing:-.045em;color:#fff}.brand-copy{display:flex;flex-direction:column;line-height:1.08}.brand-copy small{display:block;font-size:9px;letter-spacing:.23em;color:#80e6a5;margin-top:5px}.brand-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:13px;background:linear-gradient(140deg,#b3ffc6,#43d47e 48%,#188451);color:#09301b;font-size:27px;font-weight:950;box-shadow:inset 1px 2px #fff9,inset -2px -3px #18583788,0 5px 0 #0b5431,0 12px 20px #0006;transform:rotate(-5deg)}nav{margin-top:48px;gap:7px}nav button{display:flex;align-items:center;gap:13px;min-height:54px;font-size:14px;background:transparent;box-shadow:none;color:#a7bcb0;border:1px solid transparent;font-weight:650}nav button:hover{transform:none;background:#1f3429;box-shadow:none;color:#e9faed}nav button.active{background:linear-gradient(100deg,#254b34,#1b3428);box-shadow:inset 0 1px #9bfdb824,0 8px 22px #0004;border:1px solid #3f7650;color:#eaffee}nav button.active::after{content:'';margin-left:auto;width:5px;height:5px;background:#72f39d;border-radius:50%;box-shadow:0 0 10px #61f996}.icon-tile{width:31px;height:31px;flex:none;display:grid;place-items:center;background:linear-gradient(140deg,#304f3a,#20392b);border:1px solid #60856866;border-radius:10px;color:#9ef7af;box-shadow:inset 1px 1px #ffffff26,inset -2px -2px #0005,0 3px 0 #0b1b13,0 7px 11px #0004;transform:perspective(80px) rotateX(7deg)}.icon-tile svg{width:18px;height:18px;filter:drop-shadow(0 1px 1px #0006)}nav button.active .icon-tile{background:linear-gradient(140deg,#a8ffb5,#31bf68);color:#0b2a18;box-shadow:inset 1px 1px #fff9,inset -1px -2px #13592f,0 3px 0 #125931,0 8px 13px #0007}.logout{box-shadow:none;border:1px solid #385844;background:#1e3227;color:#d5f7df}.logout:hover{box-shadow:none;background:#294b32;color:#fff}#tenant{color:#b1c9b7;border-color:#344c3b}main header{background:#101a17;border-bottom:1px solid #2c4333}header h1{color:#effbf2}.eyebrow{color:#8cf7a7}.account-badge{display:flex;align-items:center;gap:9px;border:1px solid #34513e;background:#1b2c21;padding:9px 13px;border-radius:30px}.account-dot{height:8px;width:8px;border-radius:50%;background:#70ef9b;box-shadow:0 0 13px #51ee8f}#account{color:#c6ebcf}.banner{background:radial-gradient(circle at 75% 38%,#32764a 0%,transparent 28%),linear-gradient(118deg,#173527,#1e5134 65%,#32714a);border:1px solid #568966;border-radius:23px;box-shadow:inset 0 1px #ffffff2b,0 20px 45px #0007;min-height:230px}.banner-kicker{color:#adf7bd}.banner h2{color:#f4fff5;font-size:33px}.banner p{color:#c7edd0}.banner-art{position:relative;width:190px;height:170px;flex:none;transform:rotate(13deg) translateY(8px)}.art-phone{position:absolute;z-index:2;top:4px;left:60px;width:108px;height:157px;border-radius:21px;background:linear-gradient(135deg,#a4fcb3,#4dd888 45%,#176d42);border:5px solid #144c2e;box-shadow:inset 0 2px #ecffdf,8px 12px 0 #0a2d1f,15px 23px 30px #001b13b3}.art-phone::before{content:'';position:absolute;inset:10px;background:linear-gradient(140deg,#26754b,#113923);border-radius:14px;box-shadow:inset 1px 2px 9px #071f13}.art-camera{position:absolute;top:16px;left:17px;z-index:2;height:18px;width:18px;border:3px solid #76df99;border-radius:50%;box-shadow:0 0 0 4px #0e3925}.art-mark{position:absolute;z-index:2;left:28px;top:60px;font-size:54px;font-weight:900;color:#7aefa2;text-shadow:0 4px 3px #062c20}.art-orbit{position:absolute;top:14px;left:1px;width:154px;height:154px;border:1px solid #c2ffd15c;border-radius:50%;box-shadow:0 0 35px #85ff8773}.metric{background:linear-gradient(145deg,#1a2921,#131e1a);min-height:165px}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-top .icon-tile{width:45px;height:45px;border-radius:13px}.metric-top .icon-tile svg{width:23px;height:23px}.metric span{color:#9fbaa5}.metric strong{color:#e8fbee}.metric small,.row small,.empty,.auth-card p,.photo-field p{color:#afc2b4}.row{border-color:#31443a}.row-body b{color:#f0fff3}.device-thumb,.photo-preview{border-color:#3b6349}.pill{background:#254833;color:#aaf7bd}.secondary:focus-visible,input:focus-visible{outline-color:#81f5a5}.toolbar input,input,textarea,select{background:#101b17;color:#effcf1;border:1px solid #42614a;outline-color:#75e899}input::placeholder{color:#91aa96}label{color:#c6dfcd}.photo-field{background:#17251c;border:1px dashed #4b855c}.photo-field label{color:#d0f6d6}.photo-field input{background:transparent}.photo-field input::file-selector-button{background:#43d77d;color:#0d2315}.photo-placeholder{color:#a9c1ae}#notice{background:#1c3c29;color:#e8faea;border:1px solid #68d88a}.auth{background:radial-gradient(circle at 18% 14%,#24593a 0%,transparent 34%),radial-gradient(circle at 90% 85%,#16432c 0%,transparent 39%),#08110e}.auth-card{background:linear-gradient(145deg,#1c2f24,#101b16);border:1px solid #507159;box-shadow:0 30px 75px #0009}.auth-card .brand{white-space:normal}.auth-card form button{margin-bottom:6px}.admin{color:#eaf5ee}.admin header{background:#111e17;border:1px solid #345541;border-radius:18px;padding:22px!important}.admin .row>div:first-child{flex:1}.admin #message{color:#9cf9b4}body:has(.admin){background:#0b1011!important}@media(max-width:800px){aside{width:100%;padding:15px 18px}nav button{min-height:43px;padding:6px 10px;font-size:12px;gap:7px}nav button .icon-tile{width:27px;height:27px}nav button .icon-tile svg{width:16px;height:16px}nav button::first-letter{font-size:12px}.banner-art{display:none}#content{padding:20px 15px}.banner h2{font-size:25px}.metric{min-height:110px}.account-badge{display:none}.row .actions{padding-left:0}}
