*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8f7f4;color:#2c2c2a;line-height:1.6}a{color:#609b88;text-decoration:none}a:hover{text-decoration:underline}.app-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:#fff;border-right:1px solid #e8e7e3;padding:24px 0;display:flex;flex-direction:column}.sidebar-logo{padding:0 20px 24px;font-size:18px;font-weight:700;color:#609b88;border-bottom:1px solid #e8e7e3;margin-bottom:16px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:0 8px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500;color:#5f5e5a;transition:all .15s}.sidebar-link:hover{background:#f0efeb;text-decoration:none;color:#2c2c2a}.sidebar-link.active{background:#e1f5ee;color:#609b88;font-weight:600}.sidebar-user{margin-top:auto;padding:16px 20px;border-top:1px solid #e8e7e3;display:flex;align-items:center;gap:10px}.sidebar-user img{width:32px;height:32px;border-radius:50%}.sidebar-user-name{font-size:13px;font-weight:500}.sidebar-user-email{font-size:11px;color:#888}.main-content{flex:1;padding:32px;max-width:1200px}.card{background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 4px #0000000f;margin-bottom:16px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .15s}.btn-primary{background:#609b88;color:#fff}.btn-primary:hover{background:#4e8572}.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}.btn-secondary{background:#e8e7e3;color:#2c2c2a}.btn-secondary:hover{background:#d3d1c7}input,select{padding:8px 12px;border:1px solid #d3d1c7;border-radius:8px;font-size:14px;outline:none;transition:border-color .15s}input:focus,select:focus{border-color:#609b88}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#888;border-bottom:2px solid #e8e7e3}td{padding:10px 12px;font-size:14px;border-bottom:1px solid #f0efeb}.scan-result{padding:24px;border-radius:12px;text-align:center;margin-top:20px}.scan-result.valid{background:#e1f5ee;border:2px solid #609b88}.scan-result.invalid{background:#fde8e8;border:2px solid #e74c3c}.scan-result h2{font-size:24px;margin-bottom:12px}.scan-result.valid h2{color:#609b88}.scan-result.invalid h2{color:#e74c3c}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000f}.stat-card .label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-card .value{font-size:28px;font-weight:700;color:#2c2c2a}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-header h1{font-size:24px;font-weight:700}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f8f7f4}.login-card{background:#fff;border-radius:16px;padding:48px;box-shadow:0 4px 24px #00000014;text-align:center;max-width:400px;width:100%}.login-card h1{font-size:24px;color:#609b88;margin-bottom:8px}.login-card p{color:#888;margin-bottom:32px}@media(max-width:768px){.app-layout{flex-direction:column}.sidebar{width:100%;flex-direction:row;padding:8px 0;overflow-x:auto;border-right:none;border-bottom:1px solid #e8e7e3}.sidebar-logo{display:none}.sidebar-nav{flex-direction:row;padding:0 8px}.sidebar-link{white-space:nowrap;padding:8px 12px;font-size:13px}.sidebar-user{display:none}.main-content{padding:16px}.scanner-page{padding:0}}