:root{color:#14213d;background:#f4f7fb;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh}aside,body{display:flex}aside{position:fixed;width:244px;height:100vh;background:#fff;border-right:1px solid #dbe3ef;padding:20px 14px;flex-direction:column}.brand img{width:174px;height:auto}.brand span{display:block;color:#0a91d5;font-size:13px;font-weight:700;letter-spacing:1.2px;margin:3px 10px 28px}nav{display:grid;grid-gap:3px;gap:3px}nav a{color:#43516a;padding:10px 12px;text-decoration:none;border-radius:8px;font-size:14px}nav a:first-child,nav a:hover{background:#e9efff;color:#0b2467;font-weight:700}.mode{margin-top:auto;padding:12px;background:#eaf7f1;border-radius:10px;color:#137a52;font-size:13px}.mode small{color:#5d756d}main{margin-left:244px;width:calc(100% - 244px)}header{height:62px;background:#fff;border-bottom:1px solid #dbe3ef;display:flex;justify-content:space-between;align-items:center;padding:0 30px}.crumb{color:#768398;margin-left:12px}.crumb,.user{font-size:13px}.user{color:#43516a}section{padding:30px;max-width:1550px;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:14px}h1{margin:0;color:#0b2467;font-size:28px}h2{font-size:16px;margin:0 0 15px}p{color:#66758b;margin:7px 0;font-size:14px}.button-link,.secondary,button{border:0;border-radius:8px;padding:10px 13px;background:#2a3890;color:white;font-weight:700;cursor:pointer;text-decoration:none;font-size:14px}.disabled-link,button:disabled{opacity:.55;cursor:not-allowed}.disabled-link{pointer-events:none}.secondary.button-link{background:#fff;color:#2a3890;border:1px solid #bdc9e9}.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px;margin-bottom:18px}.kpi{padding:18px}.kpi small,.kpi span{display:block;color:#66758b;font-size:13px}.kpi strong{font-size:26px;margin:8px 0;display:block}.grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:18px;gap:18px}article{background:#fff;border:1px solid #dbe3ef;border-radius:12px;padding:18px;box-shadow:0 2px 7px #0b246708}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#66758b;font-weight:600;border-bottom:1px solid #dbe3ef;padding:10px 8px}td{padding:12px 8px;border-bottom:1px solid #edf1f6;vertical-align:top}td a{color:#2a3890}.tag,td a{font-weight:700}.tag{background:#eaf7f1;color:#137a52;padding:4px 7px;border-radius:20px;font-size:12px}.danger{background:#fff4f3}.danger,.danger-text{color:#af3c32}.neutral{background:#eef1f6;color:#5c677c}dl{display:grid;grid-template-columns:1fr auto;grid-gap:13px;gap:13px;margin:0}dt{color:#526078}.muted{font-size:12px;margin-top:18px}.filterbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filterbar input,.filterbar select{border:1px solid #cbd6e5;border-radius:8px;padding:9px;background:#fff}.filterbar input{min-width:280px}.customer{margin-bottom:14px;padding:0;overflow:hidden}.customer-head{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;background:#f9fbff}.customer-head h2{margin:0}.customer table{padding:0 10px}.notice{padding:12px;background:#fff4dd;color:#755515;border-radius:8px}.wide-table{overflow-x:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:18px}.form-grid label{display:grid;grid-gap:6px;gap:6px;font-size:13px;color:#526078;font-weight:700}.form-grid input,.form-grid textarea{border:1px solid #cbd6e5;border-radius:8px;padding:10px;background:#f7f9fc;color:#66758b}.form-grid textarea{min-height:74px;resize:vertical}.form-wide{grid-column:1/-1}.empty{text-align:center;color:#66758b;padding:28px}@media (max-width:900px){aside{transform:translateX(-100%)}main{margin:0;width:100%}.grid,.kpis{grid-template-columns:1fr 1fr}section{padding:18px}}@media (max-width:600px){.form-grid,.grid,.kpis{grid-template-columns:1fr}.page-title{align-items:flex-start;flex-direction:column}.filterbar input{min-width:0;width:100%}header{padding:0 18px}.user{display:none}}