:root{--bg:#f8fafc;--fg:#0f172a;--muted:#64748b;--card:#ffffff;--border:#e2e8f0}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg)}.container{max-width:1100px;margin:0 auto;padding:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 1px 2px #0000000a}h1{font-size:20px;margin:0 0 12px}h2{font-size:16px;margin:16px 0 8px}label{font-size:14px;color:var(--muted);display:block;margin-bottom:6px}input,select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:12px;font-size:14px}button{border:0;border-radius:12px;background:#ed008c;color:#fff;padding:10px 14px;font-size:14px;cursor:pointer}button[disabled]{opacity:.6;cursor:not-allowed}.row{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:480px){.row{grid-template-columns:1fr 1fr}}.footer{font-size:12px;color:var(--muted);text-align:center;margin-top:12px}.boxes{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (min-width:700px){.boxes{grid-template-columns:repeat(4,1fr)}}.box{border:1px solid var(--border);border-radius:16px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:4px;align-items:flex-start}.box .k{font-size:12px;color:var(--muted)}.box .v{font-size:26px;font-weight:700}.box.clickable{cursor:pointer}.box.disabled{opacity:.6;cursor:not-allowed}.err{color:#b91c1c;font-size:13px;margin-top:8px}.success{font-size:13px;color:#16a34a}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px;flex-wrap:wrap}.logout{background:#fff;color:#111827;border:1px solid var(--border)}.small{font-size:12px;color:var(--muted)}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left;font-size:14px}.badge{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid var(--border);font-size:12px}.header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.header img{width:40px;height:40px;border-radius:12px;border:1px solid var(--border);object-fit:cover;background:#fff}.link{background:#fff;color:#111827;border:1px solid var(--border);text-decoration:none;display:inline-block;padding:8px 10px;border-radius:12px}.breadcrumbs{font-size:12px;color:var(--muted);margin-bottom:8px}.grid2{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width:700px){.grid2{grid-template-columns:1fr 1fr}}.kv{display:flex;gap:8px;align-items:center}.kv .k{width:160px;color:var(--muted);font-size:13px}.section{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff}.total{font-weight:700}.badge.green{background:#ecfdf5;border-color:#86efac;color:#166534}.badge.red{background:#fef2f2;border-color:#fecaca;color:#991b1b}.badge.yellow{background:#fffbeb;border-color:#fde68a;color:#92400e}.badge.blue{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.badge.gray{background:#f3f4f6;border-color:#e5e7eb;color:#374151}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:center;justify-content:center;padding:16px}.modal .panel{background:#fff;border:1px solid var(--border);border-radius:16px;max-width:800px;width:100%;padding:16px}.flex{display:flex;gap:8px;align-items:center}.switch{display:inline-flex;gap:8px;align-items:center}.stat-grid{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width:700px){.stat-grid{grid-template-columns:1fr 1fr}}.stat-item{border:1px solid var(--border);border-radius:12px;padding:10px;background:#fff;display:flex;justify-content:space-between;align-items:center}.totline{display:flex;justify-content:flex-end;margin-top:10px}.totline .totlabel{color:var(--muted);margin-right:8px}.totline .totval{font-weight:700}.order-products-table{width:100%;border-collapse:collapse;margin-bottom:20px}.order-products-table th,.order-products-table td{border:1px solid #ddd;padding:8px;text-align:left;font-size:14px}.order-products-table th{background-color:#f2f2f2;font-weight:700}.order-products-table tfoot td{border-top:2px solid #333;background-color:#eee}.detail-data p{margin:5px 0;font-size:15px}.container.login-mode{min-height:100vh;display:flex;flex-direction:column;padding-top:0}.container.login-mode .login-panel{margin:auto}.container.login-mode .footer{margin-top:auto;align-self:center}.login-panel{max-width:380px;width:100%;margin:0;position:static;transform:none}.login-mode .header,.login-mode+.footer{display:none}.login-panel{max-width:380px;width:100%;margin:0}.center-button-container{display:flex;justify-content:center}.full-page-wrapper{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:16px}.login-page-layout{display:flex;justify-content:center;align-items:center;flex-grow:1;width:100%}.logo-container{display:flex;justify-content:center;margin-bottom:24px}.login-logo{max-height:80px;width:auto}.full-page-wrapper>.footer{width:100%;text-align:center}body{background:radial-gradient(1200px 600px at 10% -10%,rgba(237,0,140,.06),transparent),radial-gradient(1000px 500px at 100% 10%,rgba(37,99,235,.05),transparent),var(--bg)}.card{box-shadow:0 6px 24px #0f172a0f,0 1px 2px #0000000a;border:1px solid #e7ecf3}input:focus,select:focus,textarea:focus{outline:none;border-color:#ed008c;box-shadow:0 0 0 3px #ed008c26}button:hover:not([disabled]){transform:translateY(-1px)}button:active:not([disabled]){transform:translateY(0)}.login-logo{filter:drop-shadow(0 6px 16px rgba(237,0,140,.25))}.modal .panel .top h2{position:relative;padding-left:10px}.modal .panel .top h2:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:4px;background:#ed008c}.product-row{display:grid;grid-template-columns:2fr .6fr .8fr;gap:12px}.product-notes{grid-column:1 / -1}.product-notes textarea{width:100%;min-height:88px;resize:vertical;font-size:14px;padding:10px 12px;border:1px solid var(--border);border-radius:12px}