body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.app-container{max-width:1200px;margin:32px auto;border-radius:16px;overflow:hidden;}
.app-header{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;}
.app-header h1{margin:0;font-size:20px;font-weight:600;}
.app-header nav a{margin-left:14px;font-size:14px;text-decoration:none;}
.app-body{padding:20px 24px;}
.table-wrapper{border-radius:12px;overflow:hidden;margin-top:8px;}
.table{width:100%;border-collapse:collapse;font-size:14px;}
.table th,.table td{padding:8px 10px;border-bottom:1px solid #111827;}
.center-page{max-width:520px;margin:80px auto;border-radius:18px;padding:28px;}
.section{margin-bottom:16px;padding:12px 14px;border-radius:12px;}
.btn{padding:10px 16px;border-radius:999px;border:none;cursor:pointer;font-size:13px;font-weight:600;transition:transform .1s ease,box-shadow .1s ease;}
.btn.full-width{width:100%;}
.btn-outline{background:transparent;border:1px solid #60a5fa;color:#e5e7eb;box-shadow:none;}
.btn-outline:hover{background:rgba(59,130,246,0.18);} 
.btn-ghost{background:rgba(59,130,246,0.15);color:#e5e7eb;border:1px solid rgba(96,165,250,0.5);} 
.btn-danger{background:linear-gradient(135deg,#b91c1c,#7f1d1d);color:#fee2e2;border:1px solid rgba(248,113,113,0.6);} 
.btn:hover{transform:translateY(-1px);}
.action-buttons{display:grid;grid-template-columns:repeat(4, 44px);gap:8px;align-items:center;justify-content:flex-start;}
.action-buttons form{margin:0;}
.action-buttons .icon-btn{width:44px;height:44px;padding:10px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 10px 22px rgba(37,99,235,0.35);line-height:1;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.form-row{display:flex;gap:16px;margin-bottom:10px;}
.form-col{flex:1;}
.form-label{font-size:12px;display:block;margin-bottom:6px;color:#cbd5e1;}
.form-group{display:flex;flex-direction:column;gap:6px;}
.form-group.inline{flex-direction:row;align-items:center;gap:10px;}
.form-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #1f2937;background:#0b1628;color:#e5e7eb;box-shadow:inset 0 1px 0 rgba(255,255,255,0.03);transition:border-color .15s ease,box-shadow .15s ease;}
.form-input.compact{padding:10px 12px;max-width:220px;}
.form-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(96,165,250,0.25);}
.form-input::placeholder{color:#94a3b8;}
.auth-card{backdrop-filter:blur(6px);}
.auth-title{text-align:center;margin:0 0 12px;font-size:22px;letter-spacing:0.02em;}
.auth-form{display:flex;flex-direction:column;gap:12px;}
.form-error{color:#fca5a5;text-align:center;margin-top:-4px;margin-bottom:8px;font-size:13px;}
.checkbox{width:18px;height:18px;accent-color:#2563eb;}
.summary{margin-top:16px;}
.summary-grid{display:flex;flex-direction:column;gap:8px;margin-bottom:8px;}
.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:8px 0;border-bottom:1px dashed rgba(148,163,184,0.2);}
.summary-row.highlight{background:rgba(37,99,235,0.12);padding:10px 12px;border-radius:10px;border:1px solid rgba(96,165,250,0.35);}
.summary-label{opacity:0.85;}
.summary-value{font-variant-numeric:tabular-nums;font-weight:600;}
.summary-card{margin:10px 0 14px 0;padding:12px 14px;border-radius:12px;display:flex;justify-content:space-between;align-items:baseline;box-shadow:0 20px 60px rgba(15,23,42,0.35);}
.summary-card-label{font-size:13px;opacity:0.9;}
.summary-card-value{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;}
.col-amount{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap;}
.company-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.company-info{font-size:13px;line-height:1.5;}
.company-logo img{max-height:60px;max-width:160px;object-fit:contain;}
.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;align-items:flex-end;}
.filter-bar .filter-item{display:flex;flex-direction:column;font-size:12px;}
.filter-bar input,.filter-bar select{font-size:12px;padding:4px 6px;border-radius:8px;border:1px solid #4b5563;min-width:120px;}
.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;}
.section-title{margin:2px 0 4px;font-size:18px;}
.eyebrow{text-transform:uppercase;letter-spacing:0.1em;font-size:11px;color:#94a3b8;margin:0 0 4px;}
.muted{margin:0;color:#94a3b8;font-size:13px;}
.pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid rgba(148,163,184,0.5);font-size:12px;background:rgba(148,163,184,0.12);color:#e5e7eb;}
.pill-accent{border-color:rgba(96,165,250,0.6);background:rgba(59,130,246,0.18);color:#c7d2fe;}
.items-card{box-shadow:0 18px 45px rgba(15,23,42,0.45);}
.table-scroll{overflow-x:auto;border-radius:14px;border:1px solid rgba(148,163,184,0.16);}
.items-table{width:100%;border-collapse:collapse;font-size:14px;min-width:720px;}
.items-table th,.items-table td{padding:10px 12px;border-bottom:1px solid #1f2937;}
.items-table td:first-child{max-width:220px;white-space:normal;word-break:break-word;}
.items-table th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;}
.items-table tr:hover{background:rgba(59,130,246,0.07);}
.btn-sm{padding:6px 12px;border-radius:999px;border:1px solid rgba(148,163,184,0.3);background:rgba(148,163,184,0.12);color:#e5e7eb;}
.glass-card{background:radial-gradient(circle at 10% 10%,rgba(96,165,250,0.14),rgba(15,23,42,0.9));border:1px solid rgba(148,163,184,0.22);}
.action-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}
.action-bar__main{display:flex;gap:10px;flex-wrap:wrap;}
.public-link{font-size:12px;text-align:right;display:flex;flex-direction:column;gap:4px;}
@media (max-width:768px){
 .app-container{margin:0;border-radius:0;}
 .app-body{padding:16px;}
 .table th,.table td{font-size:12px;padding:6px 8px;}
 .form-row{flex-direction:column;}
 .filter-bar{flex-direction:column;align-items:stretch;}
}
@media print{
 body{background:#ffffff!important;color:#000!important;}
 .app-container{box-shadow:none!important;border:none!important;margin:0!important;border-radius:0!important;}
 .app-header nav,.btn,.filter-bar{display:none!important;}
 .app-body{padding:12px!important;}
 a[href]:after{content:"";}
}
body{background:#0f172a;color:#e5e7eb;}
.app-container{background:#020617;box-shadow:0 24px 50px rgba(15,23,42,0.85);border:1px solid #1e293b;}
.app-header{background:linear-gradient(135deg,#1e293b,#0f172a);color:#f9fafb;}
.app-header nav a{color:#e5ecff;background:rgba(15,23,42,0.7);padding:6px 12px;border-radius:999px;border:1px solid rgba(148,163,184,0.6);}
.app-header nav a:hover{background:rgba(37,99,235,0.25);border-color:#60a5fa;}
.center-page{background:radial-gradient(circle at top left,rgba(148,163,184,0.24),#020617);border:1px solid #1f2937;box-shadow:0 22px 45px rgba(15,23,42,0.9);}
.section{background:radial-gradient(circle at top left,rgba(148,163,184,0.18),#020617);border:1px solid #1f2937;}
.btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#f9fafb;box-shadow:0 10px 22px rgba(37,99,235,0.45);}
.btn.btn-outline{background:transparent;color:#e5e7eb;border:1px solid #60a5fa;box-shadow:none;}
.table th{background:#020617;color:#9ca3af;font-size:11px;text-transform:uppercase;letter-spacing:.06em;}
.table tr:nth-child(even){background:#0b1220;}
.table tr:nth-child(odd){background:#111827;}
.table tr:hover{background:rgba(59,130,246,0.25);}
.summary-card{background:rgba(37,99,235,0.18);border:1px solid rgba(59,130,246,0.7);color:#e5e7eb;}
.summary-subcard{margin-top:12px;border-radius:14px;border:1px dashed rgba(148,163,184,0.35);padding:12px 14px;background:linear-gradient(135deg,rgba(59,130,246,0.08),rgba(15,23,42,0.6));}
.summary-row.subtle{border-bottom:1px dashed rgba(148,163,184,0.18);padding:6px 0;}
.summary-row.subtle:last-child{border-bottom:none;}
.summary-row.subtle.accent{background:rgba(16,185,129,0.12);border-radius:10px;padding:8px 10px;border:1px solid rgba(16,185,129,0.4);}
.status-grid{display:grid;grid-template-columns:2fr 3fr;gap:16px;align-items:flex-start;}
.status-table{display:grid;gap:8px;background:rgba(15,23,42,0.6);border:1px solid rgba(148,163,184,0.18);padding:12px;border-radius:14px;}
.status-row{display:flex;justify-content:space-between;align-items:center;gap:8px;background:rgba(59,130,246,0.08);border:1px solid rgba(59,130,246,0.25);border-radius:12px;padding:8px 10px;}
.status-input{flex:1;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid rgba(148,163,184,0.35);background:#0b1628;color:#e5e7eb;box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);}
.status-input:focus{outline:none;border-color:#60a5fa;}
.status-actions{display:flex;gap:8px;align-items:center;}
.status-pill{display:inline-flex;align-items:center;max-width:100%;white-space:normal;word-break:break-word;line-height:1.3;font-weight:600;color:#e5e7eb;}
.status-tag{font-size:11px;color:#a5b4fc;padding:4px 8px;border-radius:999px;border:1px solid rgba(165,180,252,0.5);background:rgba(165,180,252,0.12);}
.status-form .muted{margin-top:6px;}
.hint.success{padding:10px 12px;border-radius:12px;background:rgba(34,197,94,0.12);color:#bbf7d0;border:1px solid rgba(34,197,94,0.4);}
@media (max-width:900px){.status-grid{grid-template-columns:1fr;}}