@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#172b4d;--muted:#718096;--line:#e6ebf1;--blue:#2368e8;--pale:#f5f8fc;--green:#16845b}*{box-sizing:border-box}body{margin:0;background:var(--pale);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}.top{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1120px)/2),24px)}a{color:var(--blue);text-decoration:none}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font:700 16px Manrope,Arial}.brand small{display:block;font:400 11px 'DM Sans';color:var(--muted);margin-top:3px}.brand-mark{display:grid;place-items:center;background:#eaf1ff;color:var(--blue);width:42px;height:42px;border-radius:12px;font:800 13px Manrope}.top-link{font-size:13px;font-weight:600;color:#4e6078}.top-actions{display:flex;gap:24px;align-items:center}.top-actions form{margin:0}.button-link{border:0;background:none;cursor:pointer;font:inherit}.container{max-width:1050px;margin:0 auto;padding:56px 24px}.hero{text-align:center;margin:4px auto 34px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--blue)}h1,h2{font-family:Manrope,Arial,sans-serif}h1{font-size:35px;letter-spacing:-1.2px;margin:9px 0} .hero p,.admin-title p,.login-card>p{color:var(--muted);margin:0}.search{display:flex;gap:10px;max-width:600px;margin:28px auto 0}.search input{flex:1;min-width:0}.search button,.full-button{background:var(--blue);color:white;border:0;border-radius:8px;padding:12px 21px;font-weight:700;cursor:pointer}.search button:hover,.full-button:hover{background:#1455cf}input{font:inherit;border:1px solid #dce3ec;border-radius:7px;padding:11px 12px;background:white;color:var(--ink);outline:none}input:focus{border-color:#80aafc;box-shadow:0 0 0 3px #2368e81a}.stock-card,.panel,.login-card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px #233d5c08}.card-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 26px;border-bottom:1px solid var(--line)}h2{font-size:17px;margin:0 0 5px}.card-heading p,.panel-heading p{margin:0;color:var(--muted);font-size:12px}.count-badge{background:#f0f4fa;color:#60718a;padding:7px 10px;border-radius:20px;font-size:11px;font-weight:600}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:#8592a5;background:#fafbfd;padding:13px 26px}td{padding:15px 26px;border-top:1px solid #f0f2f5;font-size:14px}tbody tr:hover{background:#fbfcfe}.num{text-align:right}.quantity{font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.units{color:#98a3b2;font-size:11px;margin-left:5px}.product-icon{display:inline-grid;place-items:center;width:28px;height:28px;background:#f0f5ff;color:var(--blue);border-radius:7px;margin-right:11px}.empty{text-align:center;padding:48px 20px;color:var(--muted)}.empty>span{font-size:28px;display:block;color:#9db5d9}.empty strong{display:block;color:#495a70;margin-top:7px}.empty p{font-size:13px}footer{text-align:center;color:#99a3b1;font-size:11px;padding:25px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.login-page{min-height:100vh}.login-wrap{display:grid;place-items:start center;padding:75px 20px}.login-card{width:min(100%,430px);padding:34px}.login-symbol{width:42px;height:42px;border-radius:12px;background:#eaf1ff;color:var(--blue);display:grid;place-items:center;font-size:26px;margin-bottom:22px}.login-card h1{font-size:27px;margin:8px 0}.login-card>p{font-size:13px;margin-bottom:25px}.login-card label,.product-form label{display:block;margin:17px 0 7px;font-size:12px;font-weight:700}.login-card input,.product-form input:not([type=file]){width:100%}.login-card .full-button{width:100%;margin-top:23px}.alert{padding:12px 15px;border-radius:8px;margin:18px 0;font-size:13px}.alert.error{background:#fff1f0;color:#a33025;border:1px solid #ffd6d2}.alert.success{background:#edf9f3;color:#176f4b;border:1px solid #ccebd9}.admin-container{padding-top:40px}.admin-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-title h1{font-size:29px;margin:7px 0}.admin-title p{font-size:13px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.panel{padding:22px}.panel-heading{display:flex;gap:12px;align-items:center}.panel-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#eff4ff;color:var(--blue);font-size:21px}.product-form{margin-top:12px}.product-form label{margin-top:14px}.product-form .full-button,.product-form .secondary-button{margin-top:17px;width:100%}.warning{background:#fff8e9;border:1px solid #f5e1b3;color:#77551a;border-radius:7px;padding:10px 12px;font-size:11px;line-height:1.5;margin-top:17px}.hint{font-size:11px;color:var(--muted);line-height:1.5;margin:8px 0}.secondary-button{background:#fff;border:1px solid #ced8e5;color:#36516f;border-radius:7px;padding:11px 14px;font:700 12px 'DM Sans';cursor:pointer}.secondary-button:hover{background:#f5f8fc}.admin-list{margin-top:18px}.actions-col{width:200px}.edit-row{display:grid;grid-template-columns:minmax(150px,1fr) 115px 65px;gap:8px}.edit-row input{padding:8px;font-size:12px}.small-button,.delete-button{border:0;border-radius:6px;padding:8px 10px;font-size:11px;font-weight:700;cursor:pointer}.small-button{color:white;background:var(--blue)}.delete-button{background:#fff0ef;color:#ae3c32}.delete-form{display:inline-block;margin-top:6px}.admin-list td{padding-top:11px;padding-bottom:11px}.admin-list tbody tr td{border-top:1px solid #f0f2f5}select,textarea{font:inherit;border:1px solid #dce3ec;border-radius:7px;padding:11px 12px;background:#fff;color:var(--ink);width:100%}.toggle-line{display:flex!important;align-items:center;gap:10px}.toggle-line input{width:auto!important}.report-filters{display:grid;grid-template-columns:repeat(3,1fr) auto auto;gap:12px;align-items:end}.report-filters label{font-size:12px;font-weight:700}.report-filters input,.report-filters select{display:block;margin-top:6px}.user-create{max-width:520px}.user-edit{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;min-width:400px}.inline-form{display:inline-block;margin:3px}.product-edit{min-width:690px}.edit-row{grid-template-columns:130px minmax(180px,1fr) 110px 65px}.admin-search{padding:14px 20px;margin:0;max-width:none}.maintenance{background:#fff7e6;border:1px solid #f3d99a;color:#715515;padding:16px}.alert.maintenance{margin:18px 0}@media(max-width:900px){.report-filters{grid-template-columns:1fr 1fr}.top-actions{gap:12px;flex-wrap:wrap;justify-content:flex-end}.top{height:auto;min-height:70px;padding-top:10px;padding-bottom:10px}}@media(max-width:700px){.top{padding:0 17px;height:auto;min-height:66px}.report-filters{grid-template-columns:1fr}.user-edit{min-width:0;grid-template-columns:1fr}.product-edit{min-width:470px}.top-link{font-size:11px}.container{padding:36px 16px}.hero h1{font-size:29px}.search{flex-wrap:wrap}.search input{flex-basis:100%}.card-heading{padding:18px}.card-heading .count-badge{font-size:10px}td,th{padding-left:17px;padding-right:17px}.admin-grid{grid-template-columns:1fr}.admin-title{align-items:flex-start;gap:12px;flex-direction:column}.admin-title h1{font-size:25px}.admin-list .card-heading{align-items:flex-start}.edit-row{grid-template-columns:minmax(110px,1fr) 82px 55px;gap:5px}.edit-row input{padding:7px 5px;font-size:11px}.top-actions{gap:12px}}

.brand-logo{display:block;width:auto;max-width:170px;height:48px;object-fit:contain;flex:0 1 auto}.brand-copy{display:block}.top-actions{flex-wrap:wrap}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:18px;flex-wrap:wrap;color:var(--muted);font-size:12px}.pagination .secondary-button{display:inline-block}.user-create{max-width:520px}.user-create input{width:100%}.top-actions a:hover,.top-link:hover{color:var(--blue)}@media(max-width:700px){.brand{gap:8px;font-size:14px}.brand-logo{max-width:105px;height:40px}.brand small{font-size:10px}.top-actions{gap:8px}.top{gap:8px}.top-actions .top-link{font-size:10px}.top-actions form{display:inline-flex}}

.maps-route {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
    color: inherit;
    font-weight: 700;
    text-decoration: none;
}

.maps-route > svg {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    fill: currentColor;
}

.maps-route:hover {
    text-decoration: underline;
}

.maps-route > svg {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
}

.route-card {
    max-width: 600px;
    margin: 18px auto 28px;
    padding: 18px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    text-align: left;
}

.route-card-info h2 {
    margin: 0 0 5px;
}

.route-card-info p {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
}

.route-card .maps-route {
    margin: 0;
    padding: 10px 14px;
    border-radius: 7px;
    background: var(--blue);
    color: white;
    text-decoration: none;
    white-space: nowrap;
}

.route-card .maps-route:hover {
    background: #1455cf;
    text-decoration: none;
}

.route-card .maps-route > svg {
    width: 10px;
    height: 10px;
    flex: 0 0 10px;
    fill: currentColor;
}

@media (max-width: 500px) {
    .route-card {
        align-items: flex-start;
        flex-direction: column;
    }
}