:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;background:#03121a;color:#e5f3fa}.container{max-width:1200px;margin:0 auto;padding:24px}.header{justify-content:space-between;margin-bottom:16px}.header,.header-right{display:flex;align-items:center}.header-right{gap:16px}.auth-info{display:flex;align-items:center;gap:12px}.role-badge{padding:4px 8px;border-radius:6px;background:#163542;color:#9ccae3;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.logout-btn{padding:6px 12px;font-size:12px}.logo{display:flex;align-items:center;gap:12px}.logo img{height:26px}.tabs{display:flex;gap:8px}.tab{padding:8px 12px;border-radius:12px;border:1px solid #0e2a36;background:#0b1e27;color:#e5f3fa}.tab.active{background:#229de1;border-color:#229de1;color:#03121a}.card{background:#0b1e27;border:1px solid #0e2a36;border-radius:16px;padding:18px}.btn{padding:8px 14px;border-radius:12px;background:#229de1;color:#03121a;border:1px solid #229de1;cursor:pointer}.btn.secondary{background:#0b1e27;color:#e5f3fa;border-color:#163542}.grid{display:grid;grid-gap:16px;gap:16px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.small{font-size:12px;color:#9ccae3}h1{margin:0;font-size:22px}h2{margin:0 0 6px;font-size:18px;color:#d6effb}label{font-size:12px;color:#9ccae3}input[type=date],input[type=number],input[type=text]{padding:8px;border-radius:10px;border:1px solid #163542;background:#0b1e27;color:#e5f3fa}input[type=file]{display:block;color:#9ccae3}hr{border:none;border-top:1px solid #163542;margin:12px 0}.footer{margin-top:24px;font-size:12px;color:#9ccae3;text-align:right}.drop{border:2px dashed #163542;border-radius:16px;padding:16px;text-align:center;background:#0a1b23;color:#9ccae3}.drop.drag{border-color:#229de1;background:#0e2833}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:6px 10px;border-radius:999px;border:1px solid #163542;background:#0b1e27;color:#9ccae3;cursor:pointer}.pill.active{background:#229de1;color:#03121a;border-color:#229de1}.positive{color:#22c55e}.negative{color:#ef4444}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.loading-spinner{width:32px;height:32px;border:3px solid #163542;border-top-color:#229de1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row>label{display:flex;flex-direction:column;gap:6px;min-width:180px}