:root{--bg:#F7FAFC;--surface:#ffffff;--primary:#006278;--primary-600:#005466;--accent:#E94E1B;--warm:#F4F5F7;--black:#0f172a;--white:#fff;--gray:#374151;--muted:#6b7280;--ring:#93c5fd;--shadow:0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.1)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--gray)}.app{display:flex;height:100dvh}.sidebar{width:260px;background:linear-gradient(180deg,#09202b,#083443 60%,#084b5a);color:#cbd5e1;display:flex;flex-direction:column}.logo{height:50px;padding:0 16px;color:#e2e8f0;letter-spacing:.4px;display:flex;align-items:center;justify-content:center;background:transparent}.logo a{color:inherit;text-decoration:none}.sidebar nav{display:flex;flex-direction:column;padding:4px}.sidebar a{padding:10px 12px;border-radius:8px;margin:2px 8px;color:#cbd5e1;text-decoration:none;display:flex;align-items:center;gap:10px}.sidebar a:hover{background:#ffffff0f;color:#fff}.sidebar a.active{background:#ffffff1f;color:#fff;font-weight:600}.main{flex:1;display:flex;flex-direction:column}.topbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e5e7eb;background:var(--surface);position:sticky;top:0;z-index:10;box-sizing:border-box}.topbar .user{height:100%;display:flex;align-items:center}.topbar .topbar-logo{height:100%}.topbar-logo{width:260px;display:flex;align-items:center;justify-content:flex-start;margin-left:-16px;padding-left:16px;height:100%}.topbar-logo img{max-width:160px;max-height:40px;display:block;object-fit:contain}.content{padding:20px;overflow:auto}.center{display:flex;align-items:center;justify-content:center;height:100vh}.card{background:var(--surface);border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:var(--shadow)}.card h3{font-weight:700}.omzet-figure{font-weight:800}.card.chat{padding:0;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px}.chat-body{max-height:380px;overflow:auto;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;background:#fff}.chat-list{list-style:none;margin:0;padding:12px;display:flex;flex-direction:column;gap:10px}.chat-item{display:flex;flex-direction:column;max-width:80%}.chat-item.in{align-self:flex-start;align-items:flex-start}.chat-item.out{align-self:flex-end;align-items:flex-end}.chat-item .time{font-size:11px;color:#9ca3af;margin-bottom:2px}.bubble{border-radius:10px;padding:8px 10px;font-size:14px;line-height:1.4;word-break:break-word}.bubble.in{background:#f3f4f6;color:#111827}.bubble.out{background:#006278d9;color:#fff}.dot{width:6px;height:6px;border-radius:999px;background:#cbd5e1;display:inline-block}.chat-input{display:flex;align-items:center;gap:6px;padding:8px}.chat-input input{flex:1;height:38px;border:1px solid #e5e7eb;border-radius:10px;background:#f3f4f6;padding:0 10px}.chat-input input:focus{outline:none;box-shadow:0 0 0 3px var(--ring)}.chat-input .send{border:none;background:transparent;color:var(--primary);padding:8px;border-radius:999px;cursor:pointer}.chat-input .send:hover{background:#f3f4f6}.btn{--btn-bg:#f3f4f6;--btn-fg:#0f172a;--btn-bd:#d1d5db;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--btn-bd);border-radius:8px;background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;line-height:1.1}.btn:hover{filter:brightness(.98)}.btn:focus{outline:none;box-shadow:0 0 0 3px var(--ring)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-sm{padding:6px 10px;font-size:12px}.btn-ghost{background:transparent;border-color:transparent;color:var(--primary)}.btn-ghost:hover{background:#f3f4f6}.primary,.btn-primary{--btn-bg:var(--primary);--btn-fg:#fff;--btn-bd:transparent}.primary:hover,.btn-primary:hover{background:var(--primary-600)}.danger,.btn-danger{--btn-bg:#fee2e2;--btn-fg:#991b1b;--btn-bd:#fecaca}.link{border:none;background:none;color:var(--accent);cursor:pointer}.toolbar{margin:12px 0;display:flex;gap:12px;align-items:center}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.table th,.table td{padding:12px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.table thead th{position:sticky;top:0;background:#f8fafc;z-index:1;text-align:left;font-weight:700}.table tbody tr:nth-child(odd){background:#fcfcfd}.table tbody tr:hover{background:#f6fafe}.num{text-align:right}.muted{color:var(--muted)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;line-height:18px;border:1px solid #e5e7eb;background:#fff}.status-pending{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.status-accepted,.status-processing{background:#ecfeff;border-color:#a5f3fc;color:#0e7490}.status-completed{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.status-cancelled,.status-canceled{background:#fef2f2;border-color:#fecaca;color:#b91c1c}h1{margin:4px 0 16px}h2{margin:0 0 8px}.login{display:flex;align-items:center;justify-content:center;height:100vh}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-order{display:grid;grid-template-columns:2fr 1fr;gap:16px}.right-col{display:flex;flex-direction:column;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}input,select,textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px var(--ring)}.error{color:#b91c1c;margin-bottom:8px}.toast{background:#111827;color:#fff;padding:10px 12px;border-radius:8px;box-shadow:0 8px 20px #0003;font-size:14px}.toast.success{background:#065f46}.toast.error{background:#7f1d1d}.toast.info{background:#1f2937}.user{display:flex;align-items:center;gap:12px;color:var(--gray)}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#0ea5e9,#06b6d4);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.user .name{font-weight:600}.user .role{font-size:12px;color:var(--muted)}.skeleton-line{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,#eef2f7 25%,#e5e9f0 37%,#eef2f7 63%);background-size:400% 100%;animation:skeleton 1.2s ease-in-out infinite}@keyframes skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}.loader{scale:3;height:50px;width:40px}.box{position:relative;opacity:0;left:10px}.side-left{position:absolute;background-color:#004854;width:19px;height:5px;transform:skew(0,-25deg);top:14px;left:10px}.side-right{position:absolute;background-color:#006278;width:19px;height:5px;transform:skew(0,25deg);top:14px;left:-9px}.side-top{position:absolute;background-color:#339ca9;width:20px;height:20px;rotate:45deg;transform:skew(-20deg,-20deg)}.box-1{animation:from-left 3s infinite}.box-2{animation:from-right 3s infinite;animation-delay:.75s}.box-3{animation:from-left 3s infinite;animation-delay:1.5s}.box-4{animation:from-right 3s infinite;animation-delay:2.25s}@keyframes from-left{0%{z-index:20;opacity:0;translate:-20px -6px}20%{z-index:10;opacity:1;translate:0 0}40%{z-index:9;translate:0 4px}60%{z-index:8;translate:0 8px}80%{z-index:7;opacity:1;translate:0 12px}to{z-index:5;translate:0 30px;opacity:0}}@keyframes from-right{0%{z-index:20;opacity:0;translate:20px -6px}20%{z-index:10;opacity:1;translate:0 0}40%{z-index:9;translate:0 4px}60%{z-index:8;translate:0 8px}80%{z-index:7;opacity:1;translate:0 12px}to{z-index:5;translate:0 30px;opacity:0}}.loading-container{position:relative;min-height:calc(100vh - 60px)}.loading-container.dimmed>*:not(.loading-overlay){filter:grayscale(35%);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9;display:flex;justify-content:center;align-items:center;z-index:20}.sidebar-spacer{height:60px;border-bottom:1px solid rgba(255,255,255,.08)}