*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial;background:#f4f6fb;color:#1f2937}a{text-decoration:none;color:inherit}.app{display:flex;min-height:100vh}aside{width:240px;background:#111827;color:white;padding:18px;position:fixed;top:0;bottom:0;right:0}aside .logo{font-size:24px;font-weight:800;margin-bottom:25px}aside a{display:block;padding:13px 14px;border-radius:12px;margin-bottom:7px;color:#d1d5db}aside a:hover{background:#1f2937;color:#fff}.logout{background:#7f1d1d!important;color:white!important;margin-top:25px}main{margin-right:240px;width:calc(100% - 240px);padding:24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:white;padding:18px 22px;border-radius:18px;box-shadow:0 8px 25px rgba(0,0,0,.05)}h2,h3{margin:0 0 16px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.card{background:white;border-radius:18px;padding:22px;box-shadow:0 8px 25px rgba(0,0,0,.05)}.card span{display:block;color:#6b7280;margin-bottom:10px}.card b{font-size:28px}.danger b,.red{color:#dc2626}.panel{background:white;border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 8px 25px rgba(0,0,0,.05)}.narrow{max-width:650px}label{display:block;margin:10px 0 6px;font-weight:700}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #d1d5db;border-radius:12px;font-size:16px;background:white}textarea{min-height:80px}.barcode-input{font-size:22px;font-weight:700;text-align:center;border:2px dashed #2563eb}button,.btn{display:inline-block;background:#2563eb;color:white;border:0;border-radius:12px;padding:13px 20px;font-size:16px;cursor:pointer;margin-top:14px}.btn{background:#6b7280}.grid-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.grid-form .full{grid-column:1/-1}table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:14px}th,td{padding:13px;border-bottom:1px solid #e5e7eb;text-align:right}th{background:#f9fafb;color:#374151}.mini{padding:7px 10px;background:#e0ecff;color:#1d4ed8;border-radius:9px;margin-left:5px}.danger-link{background:#fee2e2;color:#b91c1c}.search{display:flex;gap:10px;margin-bottom:15px}.search input{max-width:360px}.alert{background:#fee2e2;color:#991b1b;padding:12px;border-radius:12px;margin:10px 0}.success{background:#dcfce7;color:#166534;padding:12px;border-radius:12px;margin:10px 0}.login-page{display:grid;place-items:center;height:100vh;background:linear-gradient(135deg,#111827,#2563eb)}.login-card{width:380px;background:white;border-radius:24px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.25);text-align:center}.login-card h1{margin-bottom:5px}.login-card p{color:#6b7280}@media(max-width:900px){aside{position:static;width:100%}.app{display:block}main{margin:0;width:100%}.cards{grid-template-columns:1fr 1fr}.grid-form{grid-template-columns:1fr}}