*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial;background:#f3f6fa;color:#17202c}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(145deg,#17365d,#0f6b78);padding:20px}.login-card{width:min(420px,100%);background:#fff;padding:28px;border-radius:22px;text-align:center;box-shadow:0 20px 70px #0004}.mark{width:74px;height:74px;border-radius:22px;background:#17365d;color:white;display:grid;place-items:center;font-size:38px;font-weight:900;margin:auto}.login-card input,.login-card button{width:100%;padding:12px;margin:8px 0;border-radius:10px}.login-card input{border:1px solid #ccd5df}.login-card button{border:0;background:#0f6b78;color:white;font-weight:800}.app{display:grid;grid-template-columns:255px 1fr;min-height:100vh}aside{background:linear-gradient(#17365d,#0e2746);color:white;padding:24px 16px;position:sticky;top:0;height:100vh}.brand{font-size:24px;font-weight:900}.brand span{color:#7bd5df}.brand small{display:block;font-size:11px;opacity:.72}nav{margin-top:25px}.nav{width:100%;display:block;border:0;background:transparent;color:white;text-align:left;padding:12px;border-radius:10px;margin:4px 0}.nav.active,.nav:hover{background:#ffffff22}.status{position:absolute;bottom:22px;font-size:11px;opacity:.75}main{padding:24px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}header h1{margin:0}header p{margin:4px 0;color:#667085}#menu{display:none}.view{display:none}.view.active{display:block}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpis article,.panel,.phone{background:white;border-radius:16px;padding:18px;box-shadow:0 5px 20px #17365d14}.kpis label{font-size:11px;color:#667085;text-transform:uppercase}.kpis b{display:block;font-size:28px;color:#17365d;margin-top:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.brief{background:#dceef3;padding:15px;border-radius:11px;line-height:1.55}.priority{padding:11px;border-radius:10px;margin:8px 0;background:#fff2cc}.critical{background:#fde4e4}.phone{max-width:720px;margin:auto;text-align:center}.phone textarea,.phone input,.phone select,.compact input{width:100%;padding:11px;border:1px solid #ccd5df;border-radius:9px;margin:7px 0}.phone textarea{min-height:100px}.form{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.primary{background:#0f6b78;color:white;border:0;border-radius:10px;padding:10px 15px;font-weight:800}.phone>.primary{width:100%}#mic{width:86px;height:86px;border-radius:50%;border:0;background:#0f6b78;color:white;font-size:34px}.decision{margin-top:15px;padding:15px;text-align:left;border-left:6px solid #8796a8;border-radius:10px;background:#eef2f7}.good{border-color:#70ad47;background:#e5f3dc}.warn{border-color:#e6b642;background:#fff2cc}.bad{border-color:#c43e3e;background:#fde4e4}.mission,.bank-card,.idea{border:1px solid #e1e7ef;border-radius:11px;padding:13px;margin:8px 0}.mission button{margin-top:8px}.bank-card{display:grid;grid-template-columns:1fr 150px}.bank-card input,td input,td select{padding:7px;border:1px solid #ccd5df;border-radius:7px}.notice{background:#eef3f8;padding:14px;border-radius:10px;margin-top:14px}.scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:9px;border-bottom:1px solid #e1e7ef}.idea-form{display:flex;gap:8px}.idea-form input{flex:1;padding:10px;border:1px solid #ccd5df;border-radius:9px}.idea{display:flex;justify-content:space-between}.compact{max-width:720px}.compact label{display:block;margin-top:10px}.compact button{margin:10px 6px 0 0}@media(max-width:900px){.app{grid-template-columns:1fr}aside{position:fixed;left:-275px;width:255px;z-index:50;transition:.2s}aside.open{left:0}#menu{display:block}.kpis{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.form{grid-template-columns:1fr}main{padding:15px}}@media(max-width:520px){.kpis{grid-template-columns:1fr}}