:root{--bg:#0a0e16;--surface:rgba(20,27,41,.72);--surface-solid:#151d2b;--line:rgba(219,231,255,.12);--text:#f2f5fb;--muted:#93a0b5;--primary:#ff8400;--blue:#377cf6;font-family:'DM Sans',system-ui,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 70% 65% at 72% -10%,#263b56 0%,transparent 60%),radial-gradient(ellipse 45% 50% at 5% 100%,#182a43 0%,transparent 72%),var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.auth-page{display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{content:'';position:fixed;border-radius:999px;filter:blur(80px);opacity:.35;pointer-events:none}.auth-page:before{width:340px;height:340px;background:#ff8400;top:-160px;left:-120px}.auth-page:after{width:400px;height:400px;background:#3865bf;right:-180px;bottom:-200px}.login-card,.setup-card{width:min(440px,100%);padding:42px;border:1px solid var(--line);border-radius:24px;background:rgba(16,22,34,.78);box-shadow:0 26px 80px rgba(0,0,0,.38);backdrop-filter:blur(18px);position:relative;z-index:1}.setup-card{width:min(560px,100%);margin:28px 0}.mark{height:43px;width:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#ff9a20,#ef6500);color:#fff;font-weight:700;font-size:20px;box-shadow:0 6px 20px rgba(255,121,0,.3)}.login-card .mark,.setup-card .mark{margin:0 auto 22px}.eyebrow{margin:0 0 8px;font-size:11px;letter-spacing:.11em;font-weight:700;color:#f89627}.login-card h1,.setup-card h1,.page-head h1{font-size:29px;letter-spacing:-.045em;line-height:1.1;margin:0 0 8px;text-wrap:balance}.muted{color:var(--muted);margin:0;line-height:1.5;text-wrap:pretty}.stack{display:grid;gap:15px;margin-top:27px}label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#cad3e3}input,textarea,select{min-height:44px;width:100%;border-radius:10px;border:1px solid var(--line);background:#202b40;color:var(--text);padding:10px 12px;outline:none;transition:border-color .15s,box-shadow .15s}textarea{min-height:100px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#7199ea;box-shadow:0 0 0 3px rgba(80,135,245,.18)}input::placeholder,textarea::placeholder{color:#7c899d}.btn{border:0;min-height:44px;border-radius:10px;font-weight:700;padding:0 17px;display:inline-flex;justify-content:center;align-items:center;gap:10px;transition:transform .15s,filter .15s}.btn:active,.icon-button:active{transform:scale(.96)}.btn-primary{background:linear-gradient(100deg,#ff970d,#ee6a00);color:white;box-shadow:0 8px 19px rgba(238,106,0,.2)}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{background:#2b3952;color:#eaf0fa}.login-card small{display:block;text-align:center;color:#7e8a9d;margin-top:22px;font-size:11px}.error{margin:18px 0 0;padding:10px 12px;border-radius:9px;background:#5b222a;color:#ffc4c9;font-size:13px}.app-shell{display:flex;min-height:100vh}.sidebar{width:242px;flex:none;padding:22px 13px;border-right:1px solid var(--line);background:rgba(10,14,22,.72);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:2px 9px 25px;font-size:17px;font-weight:700}.brand .mark{width:34px;height:34px;border-radius:10px;font-size:15px}.brand small,.user small{display:block;font-size:11px;color:var(--muted);font-weight:500;margin-top:1px}.user{display:flex;align-items:center;gap:10px;padding:14px 9px 22px;border-top:1px solid var(--line)}.user strong{font-size:13px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#314160;color:#dfe9ff;font-weight:700;font-size:13px}nav{display:grid;gap:4px}nav a{height:44px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:10px;color:#aab5c8;font-size:14px;font-weight:600;transition:background .15s,color .15s}nav a span{font-size:17px;width:20px;text-align:center}nav a:hover{background:#1c2638;color:#fff}nav a.active{background:linear-gradient(100deg,#ff8d0a,#ed7000);color:#fff;box-shadow:0 6px 15px rgba(238,106,0,.16)}.logout{margin-top:auto}.logout button{border:0;background:transparent;color:#8491a6;padding:11px;width:100%;text-align:left;border-radius:9px}.logout button:hover{background:#1c2638;color:#fff}.content{flex:1;min-width:0;padding:42px 46px;overflow:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.head-actions{display:flex;align-items:center;gap:12px}.head-actions select{min-width:190px;background:#1a2537}.toast{padding:12px 15px;border:1px solid #316950;background:#133d2b;color:#b5f4d1;border-radius:10px;margin-bottom:20px;max-width:520px}.toast.error{margin:0 0 20px;background:#51232d;border-color:#853c49;color:#ffc7ce}.board{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;min-height:calc(100vh - 180px)}.board-column{background:rgba(16,22,34,.54);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;min-height:420px;transition:border-color .15s,background .15s}.board-column.over{border-color:#668ee2;background:rgba(34,52,82,.7)}.column-title{height:50px;margin:9px;border-radius:10px;padding:0 13px;background:linear-gradient(100deg,var(--column-color),color-mix(in srgb,var(--column-color) 70%,#fff));display:flex;align-items:center;justify-content:space-between;box-shadow:0 5px 13px color-mix(in srgb,var(--column-color) 28%,transparent);font-weight:700;font-size:13px}.column-title small{background:rgba(0,0,0,.16);padding:3px 7px;border-radius:999px;font-size:11px}.dropzone{padding:1px 9px 12px;display:grid;align-content:start;gap:10px;min-height:300px}.card{background:linear-gradient(145deg,rgba(36,48,69,.94),rgba(25,34,50,.94));border:1px solid rgba(227,237,255,.1);border-radius:12px;padding:14px;box-shadow:0 8px 20px rgba(0,0,0,.17);cursor:grab;transition:transform .15s,box-shadow .15s,opacity .15s}.card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.25)}.card.dragging{opacity:.45;transform:rotate(2deg)}.card[draggable="false"]{cursor:default}.card-top{display:flex;justify-content:space-between;align-items:center}.card-company{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#aebbd0;font-weight:700}.delete-link{color:#8e9aae;border:0;background:transparent;font-size:22px;line-height:20px;padding:0 3px}.delete-link:hover{color:#ff9ba5}.card h3{font-size:15px;line-height:1.35;margin:11px 0 7px}.card p{margin:0;color:#aeb9ca;font-size:13px;line-height:1.45;white-space:normal}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:11px;margin-top:14px;font-size:11px;font-weight:700}.approved{color:#61dfa0}.pending{color:#f0b54d}.approve-link{border:0;background:transparent;color:#8fb1ff;font-weight:700;font-size:12px;padding:5px}.approve-link:hover{color:#d8e5ff;text-decoration:underline}.manage-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:18px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 10px 32px rgba(0,0,0,.12)}.panel h2{font-size:16px;margin:0 0 17px}.inline-form,.column-form{display:flex;gap:8px}.inline-form input,.column-form input:first-of-type{min-width:0}.column-form input[type=color]{width:44px;padding:4px;flex:none}.icon-button{flex:none;width:44px;border:0;border-radius:10px;background:#2b3b57;color:#dce9ff;font-size:23px}.clean-list{list-style:none;padding:0;margin:17px 0 0;display:grid;gap:8px}.clean-list li{min-height:38px;display:flex;align-items:center;gap:8px;color:#d2dbea;font-size:13px}.clean-list li small{margin-left:auto;color:#8491a6;font-size:11px}.company-dot,.column-list i{width:8px;height:8px;border-radius:50%;background:#f58b14;display:inline-block}.column-list i{background:var(--column-color);width:12px;height:12px}.column-list form{margin-left:auto}.compact{margin-top:0;gap:10px}.empty{text-align:center;margin:80px auto;max-width:360px}.empty .mark{margin:auto}.empty h2{font-size:20px;margin:16px 0 8px}.empty p{color:var(--muted)}.empty a{color:#ffa23a;text-decoration:underline}dialog{border:1px solid var(--line);padding:0;border-radius:18px;background:#151e2e;color:var(--text);width:min(470px,calc(100% - 32px));box-shadow:0 24px 80px rgba(0,0,0,.6)}dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(3px)}.dialog-form{display:grid;gap:15px;padding:27px;position:relative}.dialog-form h2{font-size:23px;letter-spacing:-.03em;margin:-7px 0 0}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#91a0b9;font-size:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}hr{border:0;border-top:1px solid var(--line);width:100%;margin:8px 0}@media(max-width:850px){.sidebar{width:72px;padding:16px 10px}.brand{padding:2px 9px 24px}.brand>span:last-child,.user>div:last-child,nav a{font-size:0}.brand>span:last-child{display:none}.user{padding:14px 9px}.user .avatar{margin:auto}nav a{justify-content:center;padding:0}nav a span{font-size:19px;width:auto}.logout button{font-size:0;text-align:center}.logout button:first-letter{font-size:18px}.content{padding:30px 22px}.manage-grid{grid-template-columns:1fr}}@media(max-width:600px){.sidebar{display:none}.content{padding:27px 16px}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:25px}.head-actions{width:100%;justify-content:space-between}.head-actions select{min-width:0;width:100%}.board{grid-template-columns:minmax(250px,1fr);min-height:auto}.board-column{min-height:280px}.manage-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.login-card,.setup-card{padding:30px 24px}}
/* Estrutura fixa: o conteúdo sempre inicia ao lado do menu lateral. */
body .app-shell{display:block;min-height:100vh}
body .app-shell .sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:242px;height:100vh}
body .app-shell .content{min-height:100vh;margin-left:242px;padding:42px 46px}
@media(max-width:850px){body .app-shell .sidebar{width:72px}body .app-shell .content{margin-left:72px;padding:30px 22px}}
@media(max-width:600px){body .app-shell .sidebar{display:flex;width:64px}body .app-shell .content{margin-left:64px;padding:27px 16px}}
@media(max-width:850px){body .app-shell .user>div:last-child{display:none}body .app-shell .user{justify-content:center}body .app-shell .user .avatar{margin:0}}