:root{--blue:#003f8f;--blue2:#002e6b;--red:#d71920;--bg:#f4f6f8;--line:#d9e1ec;--text:#0d1b2a;--muted:#667085;--green:#149447}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);font-size:14px}.top{height:70px;background:linear-gradient(90deg,var(--blue2),var(--blue));color:white;display:flex;align-items:center;padding:0 18px;gap:22px;box-shadow:0 2px 8px #0002}.brand{display:flex;align-items:center;gap:12px;min-width:420px}.logo{width:42px;height:42px;border-radius:10px;background:var(--red);display:flex;align-items:center;justify-content:center;font-weight:900}.brand h1{font-size:26px;margin:0;line-height:1}.brand small{font-size:14px}.nav{display:flex;gap:18px;flex:1;justify-content:center}.nav a{color:white;text-decoration:none;font-weight:700;padding:25px 10px 20px;border-bottom:4px solid transparent}.nav a.active{border-color:var(--red)}.logout{background:var(--red);color:white;text-decoration:none;padding:13px 22px;border-radius:6px;font-weight:700}.app{display:grid;grid-template-columns:250px 1fr;gap:14px;padding:12px}.sidebar{background:white;border:1px solid var(--line);border-radius:6px;overflow:hidden}.company{background:var(--blue2);color:white;padding:12px}.company select,.company input{width:100%;padding:8px;border-radius:5px;border:0;margin-top:6px}.menu-title{background:var(--red);color:white;font-weight:700;padding:7px 12px}.menu a{display:block;padding:8px 14px;color:#0b2447;text-decoration:none;border-bottom:1px solid #eef2f6}.menu a:hover,.menu a.sel{background:#eef5ff}.content{min-width:0}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:12px}.card{background:white;border:1px solid var(--line);border-radius:7px;padding:16px;box-shadow:0 1px 4px #0000000d}.card h3{color:var(--blue2);margin:0 0 9px;font-size:14px}.metric{font-size:22px;font-weight:800}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel{background:white;border:1px solid var(--line);border-radius:7px;margin-bottom:12px;overflow:hidden}.panel h2{margin:0;background:var(--blue);color:white;padding:9px 12px;font-size:15px}.panel h2.red{background:var(--red)}.body{padding:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.form-grid.three{grid-template-columns:repeat(3,1fr)}label{font-weight:700;font-size:12px;color:#263b5e}input,select,textarea{width:100%;padding:9px;border:1px solid #cfd8e3;border-radius:5px;background:white}textarea{min-height:70px}.btn{display:inline-block;border:0;padding:9px 16px;border-radius:5px;text-decoration:none;color:white;background:var(--blue);cursor:pointer;font-weight:700}.btn.red{background:var(--red)}.btn.gray{background:#667085}.btn.green{background:var(--green)}.actions{margin-top:12px;display:flex;gap:8px}.table{width:100%;border-collapse:collapse;background:white}.table th{background:#f2f5f9;color:#0b2447;text-align:left}.table th,.table td{border:1px solid #e2e8f0;padding:8px}.right{text-align:right}.center{text-align:center}.alert{padding:10px;margin-bottom:10px;border-radius:5px}.alert.ok{background:#eaf7ee;color:#137333}.alert.err{background:#fdecec;color:#b00020}.login-wrap{display:flex;align-items:center;justify-content:center;height:calc(100vh - 70px)}.login{width:430px;background:white;border:1px solid var(--line);border-radius:14px;padding:26px;box-shadow:0 6px 20px #0001}.login h2{font-size:28px;color:var(--blue2);margin:0 0 14px}.footer{background:linear-gradient(90deg,var(--blue2),var(--blue));color:white;display:grid;grid-template-columns:repeat(5,1fr);gap:15px;padding:16px 24px;margin:0 12px 12px;border-radius:6px}.quick{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.quick a{background:white;border:1px solid var(--line);border-radius:7px;min-height:85px;text-align:center;text-decoration:none;color:#0b2447;font-weight:700;display:flex;align-items:center;justify-content:center;flex-direction:column}.muted{color:var(--muted);font-size:12px}@media(max-width:1100px){.app{grid-template-columns:1fr}.sidebar{display:none}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.brand{min-width:auto}.nav{display:none}.footer{grid-template-columns:1fr}.quick{grid-template-columns:repeat(2,1fr)}}@media print{.top,.sidebar,.actions,.footer,.no-print{display:none!important}.app{display:block}.panel{border:0}.panel h2{color:#000;background:#eee!important}.content{width:100%}}

.page-head{margin-bottom:20px}.page-head h1{margin:0 0 8px;color:#061b3d}.page-head p{color:#506381;margin:0}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.oktxt{color:#008a2e}.errtxt{color:#d71920}.panel input[type=file]{padding:18px;background:#f8fbff;border:1px solid #cbd7e6;border-radius:10px;width:100%;box-sizing:border-box}.panel small{color:#6c7b91}.btn.gray{background:#6b7280}@media(max-width:900px){.grid.two{grid-template-columns:1fr}}