:root{font-family:Arial,Helvetica,sans-serif;color:#101c35;background:#f3f7fc;font-size:14px;letter-spacing:0;--blue:#005cff;--line:#e2eaf4;--muted:#4d6180}*{box-sizing:border-box}body{margin:0}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer}h1{font-size:27px;line-height:1.2;margin:0 0 8px;color:#101318}h2{font-size:18px;margin:0 0 8px}h3{font-size:16px;margin:0 0 8px}p{line-height:1.5}small,.muted{color:var(--muted)}.sidebar{position:fixed;inset:0 auto 0 0;width:223px;background:#122230;color:#fff;padding:10px 7px;z-index:30;display:flex;flex-direction:column}.logo{display:flex;align-items:center;justify-content:center;height:70px;margin-bottom:12px}.logo img{width:185px;max-height:70px;object-fit:contain}.side-nav{display:grid;gap:3px}.side-nav a{display:flex;align-items:center;gap:17px;min-height:44px;padding:11px 15px;border-radius:5px;color:#f5f8ff}.side-nav a.active{background:#075bbb}.side-nav a:hover{background:#20405b}.side-nav a.active:hover{background:#075bbb}.side-nav svg{width:21px;height:21px;flex:none}.sidebar-footer{margin-top:auto;padding:18px 14px;color:#b7c7da;font-size:12px;line-height:1.7}.app-header{position:fixed;left:223px;right:0;top:0;height:57px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fff;z-index:20;padding:0 24px;gap:22px}.header-spacer{flex:1}.company-name{border:1px solid #d9e3f0;border-radius:5px;padding:10px 14px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile{display:flex;gap:12px;align-items:center}.avatar{border-radius:50%;background:#b8e3ff;color:#0061dc;width:36px;height:36px;display:grid;place-items:center;font-weight:700}.profile small{display:block;margin-top:4px}.profile strong{display:block;max-width:230px;overflow:hidden;text-overflow:ellipsis}.icon-button{border:0;background:transparent;display:grid;place-items:center;padding:8px;color:#395373}.icon-button svg{width:21px;height:21px}.app-main{margin-left:223px;padding:78px 23px 30px;max-width:none;min-width:0}.page-heading{margin-bottom:20px}.page-heading p{margin:4px 0;color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;margin:16px 0;box-shadow:0 2px 7px #213d6610}.panel:first-child{margin-top:0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid>*{min-width:0}.grid .panel{margin:0}.panel-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.panel-heading p{margin:4px 0 0;color:var(--muted);font-size:13px}.panel-icon{display:grid;place-items:center;background:#e5f0ff;color:var(--blue);width:38px;height:38px;border-radius:6px;flex:none}.panel-icon svg{width:23px;height:23px}label{display:block;font-weight:600;font-size:13px}input,select,textarea{width:100%;border:1px solid #d3dfef;border-radius:5px;background:#fff;color:#142441;padding:10px 12px;margin:7px 0 16px;min-height:38px}input[type=hidden]{display:none}input[type=checkbox]{width:auto;min-height:0}textarea{resize:vertical}form{margin:0}.btn,button.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:5px;padding:10px 16px;font-weight:600;min-height:38px}.btn.secondary{background:white;color:var(--blue)}.btn svg{width:17px;height:17px}.btn:disabled{opacity:.45;cursor:not-allowed}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;margin:0;max-width:100%}.tabs{display:flex;gap:8px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:20px;background:white}.tabs a{display:flex;align-items:center;gap:9px;white-space:nowrap;padding:15px 12px;border-bottom:3px solid transparent;color:#395373}.tabs a.active{color:var(--blue);border-color:var(--blue)}.tabs svg{width:18px;height:18px}.table-scroll{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:13px;min-width:650px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line)}th{font-size:12px;font-weight:600;color:#435674}td form{white-space:nowrap}td .btn{font-size:12px;padding:7px 10px;min-height:32px}.badge{display:inline-flex;padding:5px 8px;border-radius:4px;background:#e6f0ff;color:#0051bc;font-size:12px}.badge.success{background:#dff8e9;color:#07753a}.badge.warn{background:#fff3d6;color:#8b5b00}.notice{padding:12px 16px;border:1px solid #d8e7fb;background:#edf5ff;border-radius:6px}.notice.error,.err{color:#b42318;background:#fff0ed}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.kpi{padding:20px;background:#fff;border:1px solid var(--line);border-radius:6px}.kpi strong{display:block;font-size:24px;margin-top:14px}.backdrop{display:none}.login-page{min-height:100vh;background:#122230;display:grid;place-items:center;padding:24px}.login-wrap{width:min(380px,100%)}.login-logo{width:250px;display:block;margin:0 auto 28px}.login-box{background:#f9fcff;border:1px solid #e3eaf4;padding:28px;border-radius:7px}.login-box h1{text-align:center;font-size:24px}.login-box>p{text-align:center;color:var(--muted);margin-bottom:25px}.login-box .btn{width:100%}.login-footer{text-align:center;color:#d2dce9;font-size:12px;margin-top:24px}.password-field{position:relative}.password-field input{padding-right:44px}.password-field button{position:absolute;right:6px;top:9px}.header-logout{margin:0}.header-logout button{font-size:12px}.empty{text-align:center;color:var(--muted);padding:40px}hr{border:0;border-top:1px solid var(--line);margin:24px 0}@media(max-width:1000px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:1fr}.profile strong{max-width:140px}.app-header{gap:12px;padding:0 16px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .18s}.app-header{left:0}.app-main{margin-left:0;padding:78px 16px 24px}.menu-open .sidebar{transform:none}.menu-open .backdrop{display:block;position:fixed;inset:57px 0 0;background:#10223466;border:0;z-index:25}.profile strong,.profile small{display:none}.company-name{max-width:145px;font-size:12px}.profile{gap:0}.app-header{gap:8px}.header-spacer{min-width:0}.kpi{padding:15px}.kpi strong{font-size:20px}.panel{padding:16px}.toolbar{align-items:stretch}.toolbar select,.toolbar input{width:100%}h1{font-size:24px}.app-main>p{overflow-wrap:anywhere}}
:root .panel dl{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr);margin:0 0 20px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.panel dt,.panel dd{margin:0;padding:10px 12px;border-bottom:1px solid var(--line);font-size:13px}.panel dt{font-weight:600}.panel dd{overflow-wrap:anywhere}@media(min-width:761px){.menu-open .sidebar{transform:translateX(-100%)}.menu-open .app-header{left:0}.menu-open .app-main{margin-left:0}}