@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f133;--bg:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--border:#e2e8f0;--text-main:#334155;--text-strong:#0f172a;--text-muted:#64748b;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--purple:#8b5cf6;--sidebar-bg:#0f172a;--sidebar-text:#94a3b8;--sidebar-active:#fff;--sidebar-active-bg:#ffffff1a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--font-sans:"Outfit", system-ui, -apple-system, sans-serif;transition:all .2s}[data-theme=dark]{--bg:#020617;--surface:#0f172a;--surface-hover:#1e293b;--border:#1e293b;--text-main:#94a3b8;--text-strong:#f8fafc;--text-muted:#64748b;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}button,input,select,textarea{font-family:inherit}.admin{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.admin__sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid #ffffff0d;flex-direction:column;gap:2rem;padding:2rem 1.25rem;display:flex}.admin__brand{color:#fff;letter-spacing:-.02em;align-items:center;gap:.75rem;padding:0 .75rem;font-size:1.25rem;font-weight:700;display:flex}.admin__nav{flex-direction:column;gap:.5rem;display:flex}.admin__nav-link{border-radius:var(--radius-sm);color:var(--sidebar-text);align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin__nav-link:hover{background:var(--sidebar-active-bg);color:#fff}.admin__nav-link.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.admin__main{flex-direction:column;display:flex;overflow:hidden}.admin__header{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:flex-end;align-items:center;gap:1.5rem;height:70px;padding:0 2rem;display:flex;position:sticky;top:0}.admin__content{flex:1;padding:2rem;overflow-y:auto}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px var(--primary-glow);transform:translateY(-1px)}.btn--ghost{border-color:var(--border);color:var(--text-main);background:0 0}.btn--ghost:hover{background:var(--surface-hover);border-color:var(--text-muted)}.btn--danger{background:var(--danger);color:#fff}.btn--sm{padding:.4rem .75rem;font-size:.75rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.login-page{background-color:#0f172a;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative;overflow:hidden}.login-video{object-fit:cover;z-index:1;width:auto;min-width:100%;height:auto;min-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:linear-gradient(135deg,#0f172acc,#0f172a99);position:absolute;inset:0}.login-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);z-index:3;width:100%;max-width:440px;padding:3rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.login-card:before{content:"";background:linear-gradient(to right, var(--primary), var(--success));height:4px;position:absolute;top:0;left:0;right:0}.login-card__header{text-align:center;margin-bottom:2.5rem}.login-card__brand{background:var(--primary-glow);color:var(--primary);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem;display:inline-flex}.login-card__title{color:var(--text-strong);letter-spacing:-.03em;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.login-card__subtitle{color:var(--text-muted);font-size:.9375rem}.login-form{flex-direction:column;gap:1.5rem;display:flex}.login-form__error{color:var(--danger);border-radius:var(--radius-sm);text-align:center;background:#ef44441a;padding:.75rem 1rem;font-size:.875rem;font-weight:600}.login-card__hint{text-align:center;background:var(--bg);border-radius:var(--radius-sm);margin-top:2rem;padding:1rem;font-size:.8125rem}.orders__table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);position:relative;overflow-x:auto}.orders__table{border-collapse:collapse;text-align:left;width:100%}.orders__table th{background:var(--surface-hover);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);padding:1rem 1.25rem;font-size:.75rem;font-weight:700}.orders__table td{border-bottom:1px solid var(--border);color:var(--text-main);vertical-align:middle;padding:1.25rem;font-size:.875rem}.orders__table tr:last-child td{border-bottom:none}.orders__table tr:hover td{background:var(--surface-hover)}.orders__table th:last-child,.orders__table td:last-child{z-index:10;position:sticky;right:0;box-shadow:-4px 0 8px #0000000d}.orders__table th:last-child{background:var(--surface-hover)}.orders__table td:last-child{background:var(--surface)}.orders__table tr:hover td:last-child{background:var(--surface-hover)}.badge{border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#020617cc;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:500px;box-shadow:var(--shadow-lg);animation:.3s cubic-bezier(.16,1,.3,1) modalSlide}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-card__header{border-bottom:1px solid var(--border);padding:1.5rem 2rem}.modal-card__title{color:var(--text-strong);font-size:1.25rem;font-weight:700}.modal-form{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.modal-card__actions{background:var(--bg);border-top:1px solid var(--border);justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;display:flex}.field{flex-direction:column;gap:.5rem;display:flex}.field__label{color:var(--text-strong);font-size:.875rem;font-weight:600}.field__input{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text-main);padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.field__input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);outline:none}@media (width<=991px){.admin{grid-template-columns:1fr}.admin__sidebar{z-index:50;border-top:1px solid #ffffff1a;border-right:none;flex-direction:row;justify-content:space-around;align-items:center;height:70px;padding:0 1rem;position:fixed;bottom:0;left:0;right:0}.admin__brand{display:none}.admin__nav{flex-direction:row;justify-content:space-around;width:100%}.admin__nav-link{flex-direction:column;gap:.25rem;padding:.5rem;font-size:.75rem}.admin__header{display:none}.admin__content{padding:1rem 1rem 100px}}.muted{color:var(--text-muted)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.confirm-dialog{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);border:none;width:90%;max-width:400px;margin:auto;padding:0;animation:.3s cubic-bezier(.16,1,.3,1) modalSlide;overflow:hidden}.confirm-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020617cc}.confirm-dialog__body{text-align:center;padding:2.5rem 2rem 1.5rem}.confirm-dialog__title{color:var(--text-strong);margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.confirm-dialog__description{color:var(--text-muted);font-size:.9375rem;line-height:1.6}.confirm-dialog__actions{background:var(--bg);border-top:1px solid var(--border);gap:1rem;padding:1.5rem 2rem;display:flex}.confirm-dialog__actions .btn{flex:1}.record-video{width:100%;margin:0;padding:1rem 0}.record-video__header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:0 .5rem;display:flex}.record-video__title{color:var(--text-strong);letter-spacing:-.03em;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.record-video__card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);flex-direction:column;gap:2.5rem;padding:2.5rem;display:flex}.record-video__mode{background:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:.75rem;padding:.5rem;display:grid}.record-video__mode .btn{border:none;height:44px;font-size:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.record-video__mode .btn--primary{box-shadow:var(--shadow-sm)}.record-video__camera{flex-direction:column;gap:1.25rem;display:flex}.record-video__preview-container{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border);background:#050505;width:100%;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0000004d}.record-video__live{object-fit:cover;width:100%;height:100%}.record-video__timestamp{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-sm);pointer-events:none;z-index:5;background:#0f172a99;border:1px solid #ffffff1a;align-items:center;gap:.5rem;padding:.625rem 1rem;font-family:JetBrains Mono,Courier New,monospace;font-size:.8125rem;font-weight:500;display:flex;position:absolute;top:1.5rem;left:1.5rem}.record-video__timestamp:before{content:"";background:var(--primary);width:6px;height:6px;box-shadow:0 0 10px var(--primary);border-radius:50%}.record-video__indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ef4444;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.08em;z-index:5;background:#ef444426;border:1px solid #ef44444d;align-items:center;gap:.625rem;padding:.625rem 1rem;font-size:.75rem;font-weight:700;animation:2s infinite recPulseText;display:flex;position:absolute;top:1.5rem;right:1.5rem}@keyframes recPulseText{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.record-video__indicator:before{content:"";background:#ef4444;border-radius:50%;width:10px;height:10px;animation:1.5s infinite recPulseDot;box-shadow:0 0 12px #ef4444}@keyframes recPulseDot{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.record-video__controls{z-index:10;gap:1.5rem;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.record-video__controls .btn{border-radius:var(--radius-full);letter-spacing:-.01em;height:60px;padding:0 2.5rem;font-size:1rem;font-weight:700;box-shadow:0 15px 35px -5px #0006}.record-video__controls .btn--primary{background:var(--primary);border:none}.record-video__controls .btn--danger{background:#ef4444;border:none;animation:2s infinite stopButtonGlow}@keyframes stopButtonGlow{0%{box-shadow:0 15px 35px -5px #ef444466}50%{box-shadow:0 15px 35px 2px #ef444499}to{box-shadow:0 15px 35px -5px #ef444466}}.record-video__error{color:#ef4444;border-radius:var(--radius-md);background:#ef44440d;border:1px solid #ef444426;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;font-size:.9375rem;font-weight:500;display:flex}.record-video__success{color:#10b981;border-radius:var(--radius-md);background:#10b9810d;border:1px solid #10b98126;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;font-size:.9375rem;font-weight:500;display:flex}.record-video__actions{border-top:1px solid var(--border);gap:1.25rem;padding-top:2rem;display:flex}.record-video__actions .btn{flex:1;height:54px;font-size:1rem}.camera-ui-overlay{pointer-events:none;z-index:2;position:absolute;inset:0}.camera-ui-grid{opacity:.15;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;display:grid;position:absolute;inset:0}.camera-ui-grid div{border:.5px solid #fff}.camera-ui-corner{border:2px solid #fff9;width:32px;height:32px;position:absolute}.camera-ui-corner--tl{border-bottom:none;border-right:none;border-top-left-radius:4px;top:2rem;left:2rem}.camera-ui-corner--tr{border-bottom:none;border-left:none;border-top-right-radius:4px;top:2rem;right:2rem}.camera-ui-corner--bl{border-top:none;border-right:none;border-bottom-left-radius:4px;bottom:2rem;left:2rem}.camera-ui-corner--br{border-top:none;border-left:none;border-bottom-right-radius:4px;bottom:2rem;right:2rem}.record-video__upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:4rem 2rem;transition:all .2s;display:flex}.record-video__upload-zone:hover{border-color:var(--primary);background:var(--primary-glow)}.record-video__upload-icon{background:var(--surface);border-radius:var(--radius-full);width:64px;height:64px;color:var(--primary);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex}