:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;color:#192a3d;background:#f4f7fa;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #e5eaf0;padding:16px max(16px,calc((100vw - 980px)/2));display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{font-weight:750;color:#165dce;font-size:18px}.brand span{color:#152d45}.user{font-size:12px;color:#576575}main{max-width:980px;margin:22px auto;padding:0 15px;min-height:74vh}h1{font-size:22px;margin:0 0 9px}p{margin:8px 0 16px}.muted{color:#718092}.small{font-size:12px}.banner{padding:14px 17px;background:#eaf2ff;border:1px solid #d3e3ff;border-radius:12px;margin-bottom:16px;font-size:14px}.banner.error{background:#fff0ec;border-color:#f5b7a9;color:#9b3c23}.banner.success{background:#ecfbef;border-color:#ccebd3;color:#256e37}nav{display:flex;gap:3px;overflow:auto;background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:5px;margin-bottom:15px}nav button{flex:1;white-space:nowrap;border:0;background:transparent;color:#627186;min-width:max-content;padding:12px 10px;border-radius:8px;font-weight:600}nav button.active{background:#eaf1ff;color:#155fcb}.panel{background:#fff;padding:26px;border:1px solid #e2e8f0;border-radius:14px;min-height:360px;box-shadow:0 3px 15px #172e4908}label{display:block;font-weight:650;margin:20px 0 8px}.required{color:#e13c32}input{border:1px solid #d7dee8;border-radius:9px;padding:12px 13px;background:#fff;width:100%;font:inherit;outline:none}input:focus{border-color:#2685fa;box-shadow:0 0 0 3px #2685fa19}button{font:inherit;border-radius:8px;border:1px solid #d7dee8;padding:10px 14px;cursor:pointer;background:white;color:#183854}button:hover:not(:disabled){filter:brightness(.96)}button:disabled{opacity:.48;cursor:not-allowed}button.primary{background:#1774e8;color:white;border-color:#1774e8;font-weight:650}button.secondary{background:#f6f9fc;color:#34516e}button.wide{width:100%;margin-top:20px;padding:14px}.actions{display:flex;align-items:center;gap:10px;margin:10px 0;flex-wrap:wrap}a{color:#1667be;text-decoration:none;font-weight:600}.suggestions{margin-top:6px;border:1px solid #d6e1eb;border-radius:10px;box-shadow:0 5px 18px #19375016;max-height:230px;overflow:auto}.suggestions button{display:block;border:none;text-align:left;width:100%;border-radius:0;padding:10px 14px}.suggestions button+button{border-top:1px solid #e9eef3}.suggestions button:hover{background:#edf4ff}.result{padding:18px;margin-top:18px;border-radius:12px;background:#f1fbf4;border:1px solid #d0eed9}.result strong{color:#25744a}#codeBox{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:13px}code{font-size:18px;font-weight:700;letter-spacing:1px;word-break:break-all}.filters{display:flex;gap:8px}.filters input{flex:1;min-width:0}.list{margin-top:14px}.item{border:1px solid #e7edf4;border-radius:10px;padding:14px;margin-bottom:10px;background:#fff}.item-title{font-weight:700;margin-bottom:6px}.item-sub{color:#69798c;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.item .actions{margin-top:9px}.item .actions button{padding:5px 9px;font-size:12px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpis div{background:#f5f9ff;border:1px solid #e2eaff;padding:15px;border-radius:10px;display:flex;flex-direction:column;gap:8px}.kpis span{font-size:12px;color:#64758a}.kpis strong{font-size:24px;color:#143d74}footer{text-align:center;padding:20px;color:#8c99a7;font-size:12px}@media(max-width:600px){.panel{padding:18px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}nav button{font-size:12px}#codeBox{flex-wrap:wrap}header{padding:14px}.brand{font-size:16px}h1{font-size:20px}}