@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Merriweather+Sans:wght@400;500;700&family=Outfit:wght@400;500;600;700;800&family=Rajdhani:wght@500;600;700&family=Sora:wght@500;600;700&family=Space+Grotesk:wght@400;500;700&family=Syne:wght@500;600;700;800&display=swap";:root{--font-body: "Instrument Sans", "Space Grotesk", sans-serif;--font-heading: "Syne", "Sora", sans-serif;--accent-1: #ff7a59;--accent-2: #7df9d1;--btn-primary-text: #140f14;--app-bg: radial-gradient(circle at 12% 12%, rgba(255, 122, 89, .2) 0%, transparent 32%), radial-gradient(circle at 88% 16%, rgba(125, 249, 209, .18) 0%, transparent 30%), radial-gradient(circle at 50% 88%, rgba(251, 191, 36, .12) 0%, transparent 28%), linear-gradient(155deg, #120d16 0%, #171220 38%, #0f1726 100%);--app-shell-bg: radial-gradient(circle at 16% 18%, rgba(255, 122, 89, .12), transparent 35%), radial-gradient(circle at 84% 12%, rgba(125, 249, 209, .12), transparent 30%), linear-gradient(180deg, rgba(20, 16, 28, .96), rgba(9, 14, 25, .98));--surface-1: rgba(24, 20, 34, .88);--surface-2: rgba(33, 28, 45, .78);--card-bg: linear-gradient(160deg, rgba(28, 22, 40, .94), rgba(15, 23, 38, .94));--card-muted-bg: linear-gradient(160deg, rgba(40, 30, 55, .78), rgba(20, 28, 45, .78));--stroke-1: rgba(255, 255, 255, .14);--stroke-2: rgba(255, 255, 255, .12);--shadow-1: 0 24px 60px rgba(2, 6, 23, .45);--shadow-2: 0 16px 36px rgba(2, 6, 23, .34);--text-main: #e2e8f0;--text-muted: #94a3b8;--text-strong: #f8fafc;--control-bg: rgba(18, 24, 38, .78);--control-border: rgba(255, 255, 255, .16);--focus-border: rgba(255, 122, 89, .7);--focus-ring: rgba(255, 122, 89, .18);--btn-secondary-bg: rgba(255, 255, 255, .05);--btn-secondary-border: rgba(255, 255, 255, .16);--btn-ghost-bg: rgba(255, 255, 255, .03);--btn-ghost-border: rgba(255, 255, 255, .1);--table-bg: rgba(16, 20, 31, .9);--table-head-bg: rgba(28, 34, 48, .92);--table-hover-bg: rgba(255, 255, 255, .06);--flash-success-bg: rgba(16, 185, 129, .12);--flash-success-border: rgba(16, 185, 129, .35);--flash-success-text: #6ee7b7;--flash-error-bg: rgba(239, 68, 68, .12);--flash-error-border: rgba(239, 68, 68, .35);--flash-error-text: #fca5a5;--flash-info-bg: rgba(56, 189, 248, .1);--flash-info-border: rgba(56, 189, 248, .3);--flash-info-text: #7dd3fc;--flash-warn-bg: rgba(245, 158, 11, .12);--flash-warn-border: rgba(245, 158, 11, .35);--flash-warn-text: #fcd34d}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--app-bg);color:var(--text-main);transition:background .24s ease,color .18s ease;min-width:320px;overflow-x:hidden}html,body,#root{min-height:100dvh;width:100%}h1,h2,h3,h4{font-family:var(--font-heading)}.app-shell{position:relative;background:var(--app-shell-bg);transition:background .26s ease;isolation:isolate;width:100%;min-height:100dvh;overflow-x:hidden}.surface{background:var(--surface-1);border:1px solid var(--stroke-1);border-radius:26px;box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-main);transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}.surface-soft{background:var(--surface-2);border:1px solid var(--stroke-1);border-radius:22px;box-shadow:var(--shadow-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-main);transition:background .22s ease,border-color .22s ease,box-shadow .22s ease}.card{background:var(--card-bg);border:1px solid var(--stroke-2);border-radius:18px;box-shadow:0 14px 30px #02061757;color:var(--text-main);transition:background .22s ease,border-color .22s ease,transform .16s ease,box-shadow .18s ease}.card-muted{background:var(--card-muted-bg);border:1px solid var(--stroke-2);border-radius:18px;color:var(--text-main);transition:background .22s ease,border-color .22s ease}.card:hover,.card-muted:hover{border-color:#ffffff38;box-shadow:0 18px 36px #02061766}.app-main input:not([type=checkbox]),.app-main select,.app-main textarea{width:100%;background:var(--control-bg);border:1px solid var(--control-border);border-radius:14px;padding:10px 12px;font-size:.95rem;color:var(--text-main);box-shadow:0 2px 8px #02061759;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.app-main input:not([type=checkbox]):focus,.app-main select:focus,.app-main textarea:focus{border-color:var(--focus-border);box-shadow:0 0 0 3px var(--focus-ring)}.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:var(--font-body);-webkit-user-select:none;user-select:none;transition:transform .13s ease,box-shadow .18s ease,opacity .18s ease,background .18s ease,border-color .18s ease,filter .18s ease}.btn-primary{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:var(--btn-primary-text);border-radius:999px;padding:10px 18px;font-weight:700;font-size:.9rem;box-shadow:0 14px 28px #ff7a5938;border:none;position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.22),transparent 70%);transform:translate(-130%);transition:transform .48s ease;pointer-events:none}.btn-primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 18px 36px #ff7a594d;filter:brightness(1.08)}.btn-primary:hover:not(:disabled):after{transform:translate(130%)}.btn-primary:active:not(:disabled){transform:translateY(0) scale(.975);box-shadow:0 4px 10px #38bdf833;filter:brightness(.96)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:grayscale(.2)}.btn-secondary{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);border-radius:999px;padding:10px 16px;font-weight:600;font-size:.9rem;color:var(--text-main)}.btn-secondary:hover:not(:disabled){background:#1e293be6;border-color:#94a3b8a6;transform:translateY(-1px);box-shadow:0 6px 16px #0206174d}.btn-secondary:active:not(:disabled){transform:translateY(0) scale(.975);box-shadow:none}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:var(--btn-ghost-bg);border:1px solid var(--btn-ghost-border);border-radius:999px;padding:8px 12px;font-weight:500;font-size:.875rem;color:var(--text-main)}.btn-ghost:hover:not(:disabled){background:#ffffff14;border-color:#94a3b880;transform:translateY(-1px)}.btn-ghost:active:not(:disabled){transform:translateY(0) scale(.975);background:#ffffff0a}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:999px;padding:8px 14px;font-weight:600;font-size:.875rem;color:#fca5a5}.btn-danger:hover:not(:disabled){background:#ef444438;border-color:#ef44448c;color:#fecaca;transform:translateY(-1px);box-shadow:0 6px 16px #ef44442e}.btn-danger:active:not(:disabled){transform:translateY(0) scale(.975);box-shadow:none}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.btn-loading{pointer-events:none;opacity:.7}.btn-loading:before{content:"";display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite;margin-right:2px}.table-shell{border:1px solid var(--stroke-1);border-radius:20px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:var(--table-bg);box-shadow:var(--shadow-2)}.table-shell table{width:100%;border-collapse:collapse}.app-main{min-width:0;width:100%}.app-main>*{max-width:100%}.app-main img,.app-main video,.app-main canvas,.app-main svg{max-width:100%}.app-main .table-shell{max-width:100%}.table-shell th{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);background:var(--table-head-bg)}.table-shell td{font-size:.95rem;color:var(--text-main)}.table-shell tbody tr{transition:background .12s ease}.table-shell tbody tr:hover{background:var(--table-hover-bg)}.table-shell tbody tr:hover td,.table-shell tbody tr:hover th,.table-shell tbody tr:hover button,.table-shell tbody tr:hover a{color:var(--text-main)}.flash-msg{display:flex;align-items:flex-start;gap:10px;border-radius:14px;padding:12px 16px;font-size:.875rem;font-weight:500;line-height:1.4;border:1px solid;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:flash-enter .26s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.flash-msg.flash-success{background:var(--flash-success-bg);border-color:var(--flash-success-border);color:var(--flash-success-text)}.flash-msg.flash-error{background:var(--flash-error-bg);border-color:var(--flash-error-border);color:var(--flash-error-text)}.flash-msg.flash-info{background:var(--flash-info-bg);border-color:var(--flash-info-border);color:var(--flash-info-text)}.flash-msg.flash-warn{background:var(--flash-warn-bg);border-color:var(--flash-warn-border);color:var(--flash-warn-text)}.surface .text-slate-900,.card .text-slate-900{color:var(--text-strong)}.surface .text-slate-800,.card .text-slate-800{color:var(--text-main)}.surface .text-slate-700,.card .text-slate-700{color:#cbd5f5}.surface .text-slate-600,.card .text-slate-600,.surface .text-slate-500,.card .text-slate-500{color:var(--text-muted)}@keyframes panel-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes flash-enter{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes btn-spin{to{transform:rotate(360deg)}}@keyframes tactical-pulse{0%,to{box-shadow:0 0 #38bdf82e}50%{box-shadow:0 0 0 6px #38bdf800}}@keyframes drift-glow{0%{transform:translate3d(-2%,-1%,0) scale(1);opacity:.22}50%{transform:translate3d(2%,1.5%,0) scale(1.05);opacity:.36}to{transform:translate3d(-1%,2%,0) scale(1);opacity:.24}}@keyframes scan-slide{0%{transform:translateY(-120%)}to{transform:translateY(220%)}}@keyframes executive-sheen{0%{transform:translate(-130%);opacity:0}20%,80%{opacity:.45}to{transform:translate(130%);opacity:0}}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes border-flow{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes aurora-sweep{0%{transform:translate3d(-8%,-6%,0) rotate(0) scale(1);opacity:.42}50%{transform:translate3d(7%,5%,0) rotate(6deg) scale(1.08);opacity:.62}to{transform:translate3d(-5%,8%,0) rotate(-4deg) scale(1.02);opacity:.45}}@keyframes star-drift{0%{transform:translateY(0)}to{transform:translateY(-18px)}}@keyframes mesh-shift{0%{transform:translate3d(-3%,-2%,0) scale(1);opacity:.48}50%{transform:translate3d(2%,3%,0) scale(1.04);opacity:.7}to{transform:translate3d(-1%,1%,0) scale(1.01);opacity:.52}}@keyframes halo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.theme-0 .app-shell:before{content:"";position:absolute;inset:-14% -8%;pointer-events:none;z-index:-1;background:radial-gradient(circle at 18% 22%,rgba(255,122,89,.18),transparent 32%),radial-gradient(circle at 82% 14%,rgba(125,249,209,.18),transparent 28%),radial-gradient(circle at 58% 78%,rgba(251,191,36,.14),transparent 24%);filter:blur(10px);animation:mesh-shift 14s ease-in-out infinite}body.theme-0 .app-shell:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 94%);mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 94%)}body.theme-0 .surface,body.theme-0 .card,body.theme-0 .card-muted{-webkit-backdrop-filter:blur(18px) saturate(118%);backdrop-filter:blur(18px) saturate(118%)}body.theme-0 .btn-primary{border:1px solid rgba(255,255,255,.14)}body.theme-0 .btn-secondary:hover:not(:disabled),body.theme-0 .btn-ghost:hover:not(:disabled){border-color:#ffffff42}body.theme-0 .app-main h1{letter-spacing:-.03em}body.theme-1{--font-body: "Outfit", "Manrope", sans-serif;--font-heading: "Outfit", "Sora", sans-serif;--accent-1: #22d3ee;--accent-2: #34d399;--btn-primary-text: #04121f;--app-bg: radial-gradient(circle at 8% 10%, rgba(34, 211, 238, .22), transparent 33%), radial-gradient(circle at 92% 14%, rgba(52, 211, 153, .22), transparent 36%), conic-gradient(from 210deg at 50% 60%, #041022, #06233f, #10375a, #06233f, #041022);--app-shell-bg: linear-gradient(180deg, rgba(2, 18, 34, .9), rgba(3, 14, 28, .92));--surface-1: rgba(8, 30, 52, .8);--surface-2: rgba(7, 35, 58, .72);--card-bg: linear-gradient(165deg, rgba(8, 36, 61, .9), rgba(7, 24, 42, .9));--card-muted-bg: linear-gradient(165deg, rgba(10, 45, 76, .7), rgba(7, 29, 49, .72));--stroke-1: rgba(103, 232, 249, .34);--stroke-2: rgba(52, 211, 153, .34);--shadow-1: 0 22px 48px rgba(1, 7, 16, .55);--shadow-2: 0 12px 28px rgba(1, 7, 16, .45);--control-bg: rgba(6, 29, 49, .78);--control-border: rgba(103, 232, 249, .32);--focus-border: rgba(34, 211, 238, .82);--focus-ring: rgba(34, 211, 238, .2);--table-bg: rgba(6, 25, 44, .9);--table-head-bg: rgba(9, 39, 64, .95);--table-hover-bg: rgba(34, 211, 238, .12);--flash-success-bg: rgba(52, 211, 153, .14);--flash-success-border: rgba(52, 211, 153, .4);--flash-error-bg: rgba(239, 68, 68, .14);--flash-error-border: rgba(239, 68, 68, .38)}body.theme-1 .surface,body.theme-1 .card,body.theme-1 .card-muted{-webkit-backdrop-filter:blur(14px) saturate(128%);backdrop-filter:blur(14px) saturate(128%);animation:panel-fade-up .26s ease,float-card 7.2s ease-in-out infinite}body.theme-1 .app-shell:before{content:"";position:absolute;inset:-16% -10%;background:radial-gradient(circle at 15% 20%,rgba(34,211,238,.26),transparent 44%),radial-gradient(circle at 82% 16%,rgba(52,211,153,.24),transparent 42%),radial-gradient(circle at 40% 72%,rgba(96,165,250,.2),transparent 40%);pointer-events:none;z-index:-1;filter:blur(4px);animation:aurora-sweep 16s ease-in-out infinite}body.theme-1 .app-shell:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px;opacity:.18;animation:star-drift 7s linear infinite alternate}body.theme-1 .btn-primary{border:1px solid rgba(255,255,255,.18);box-shadow:0 16px 34px #22d3ee4d}body.theme-1 .btn-primary:hover:not(:disabled){box-shadow:0 20px 40px #22d3ee73}body.theme-1 .card:hover,body.theme-1 .card-muted:hover{border-color:#7dd3fcb3;transform:translateY(-4px) scale(1.008)}body.theme-1 .table-shell{border-color:#67e8f966;box-shadow:0 16px 34px #030e1c73}body.theme-1 aside{background:linear-gradient(180deg,#041323e0,#020c19ed)!important;border-right-color:#22d3ee38!important}body.theme-1 .app-main h1{letter-spacing:.01em;text-shadow:0 3px 16px rgba(34,211,238,.24)}body.theme-2{--font-body: "Rajdhani", "Manrope", sans-serif;--font-heading: "Rajdhani", "Sora", sans-serif;--accent-1: #0ea5e9;--accent-2: #4ade80;--btn-primary-text: #00131d;--app-bg: radial-gradient(circle at 10% 10%, rgba(14, 165, 233, .14), transparent 30%), repeating-linear-gradient( 0deg, rgba(13, 26, 41, .95), rgba(13, 26, 41, .95) 18px, rgba(18, 34, 55, .95) 18px, rgba(18, 34, 55, .95) 36px );--app-shell-bg: linear-gradient(180deg, rgba(8, 20, 36, .96), rgba(4, 14, 28, .98));--surface-1: rgba(7, 20, 35, .92);--surface-2: rgba(10, 26, 43, .86);--card-bg: rgba(7, 20, 35, .95);--card-muted-bg: rgba(10, 28, 47, .8);--stroke-1: rgba(14, 165, 233, .32);--stroke-2: rgba(74, 222, 128, .3);--control-border: rgba(14, 165, 233, .38);--focus-border: rgba(74, 222, 128, .8);--focus-ring: rgba(74, 222, 128, .2);--table-head-bg: rgba(6, 29, 50, .96);--table-hover-bg: rgba(14, 165, 233, .14)}body.theme-2 .card{animation:tactical-pulse 1.8s ease-in-out infinite}body.theme-2 .app-shell:after{content:"";position:absolute;left:0;right:0;top:-30%;height:120px;background:linear-gradient(180deg,#38bdf800,#38bdf838,#38bdf800);pointer-events:none;z-index:0;animation:scan-slide 7.5s linear infinite}body.theme-2 .app-main{position:relative;z-index:1}body.theme-2 .surface,body.theme-2 .card,body.theme-2 .card-muted{border-radius:10px}body.theme-2 .btn-primary,body.theme-2 .btn-secondary,body.theme-2 .btn-ghost{text-transform:uppercase;letter-spacing:.08em}body.theme-2 .btn-primary{position:relative;overflow:hidden}body.theme-2 .btn-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.35),transparent 70%);transform:translate(-140%);animation:executive-sheen 3.8s ease-in-out infinite}body.theme-3{--font-body: "Merriweather Sans", "Manrope", sans-serif;--font-heading: "Merriweather Sans", "Sora", sans-serif;--accent-1: #93c5fd;--accent-2: #67e8f9;--btn-primary-text: #0e1a2f;--app-bg: linear-gradient(165deg, #0b1322 0%, #111f35 62%, #1b2e4a 100%);--app-shell-bg: linear-gradient(180deg, rgba(18, 28, 45, .96), rgba(12, 18, 30, .98));--surface-1: rgba(24, 38, 60, .92);--surface-2: rgba(30, 48, 74, .84);--card-bg: linear-gradient(180deg, rgba(28, 43, 67, .96), rgba(21, 34, 52, .94));--card-muted-bg: rgba(35, 53, 81, .8);--stroke-1: rgba(147, 197, 253, .28);--stroke-2: rgba(125, 211, 252, .3);--table-head-bg: rgba(33, 52, 82, .95);--table-hover-bg: rgba(147, 197, 253, .12)}body.theme-3 .surface,body.theme-3 .card,body.theme-3 .card-muted{animation:panel-fade-up .26s ease}body.theme-3 .card,body.theme-3 .card-muted{position:relative;overflow:hidden}body.theme-3 .card:before,body.theme-3 .card-muted:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,#93c5fd33,#22d3ee57,#93c5fd33);background-size:200% 200%;animation:border-flow 7s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}body.theme-3 .btn-primary{box-shadow:0 10px 26px #7dd3fc3d}body.theme-3 .btn-primary:hover:not(:disabled){box-shadow:0 16px 36px #7dd3fc61}body.theme-3 .table-shell{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(prefers-reduced-motion:reduce){.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{transition:opacity .18s ease}.btn-primary:after{transition:none}body.theme-1 .surface,body.theme-1 .card,body.theme-1 .card-muted,body.theme-1 .app-shell:before,body.theme-1 .app-shell:after,body.theme-0 .app-shell:before,body.theme-2 .card,body.theme-2 .btn-primary:after,body.theme-2 .app-shell:after,body.theme-3 .surface,body.theme-3 .card,body.theme-3 .card-muted,body.theme-3 .card:before,body.theme-3 .card-muted:before{animation:none!important}}@media(max-width:1024px){.surface,.surface-soft{border-radius:22px}}@media(max-width:768px){.surface,.surface-soft{border-radius:18px}.card,.card-muted{border-radius:16px}.btn-primary,.btn-secondary,.btn-ghost,.btn-danger{min-height:42px}.table-shell th,.table-shell td{white-space:nowrap}}@media(max-width:640px){body{font-size:15px}.surface,.surface-soft,.card,.card-muted{box-shadow:none}.app-main input:not([type=checkbox]),.app-main select,.app-main textarea{font-size:16px}}