:root{--navy: #0d1117;--navy-light: #1b222b;--navy-dark: #05070a;--blue: #1477a8;--orange: #1fb6d6;--orange-dark: #0e7a93;--bg: #f2f6f8;--surface: #ffffff;--border: #e1e7ea;--text: #14181d;--muted: #5b6570;--success: #1d9e75;--success-bg: #e1f5ee;--danger: #e24b4a;--danger-bg: #fcebeb;--warning: #ba7517;--warning-bg: #faeeda;--radius: 8px;--radius-lg: 12px;--font: "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:radial-gradient(circle at 100% 0%,#e7f6fb 0%,var(--bg) 45%);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:700;color:var(--navy)}button{font-family:inherit;cursor:pointer}a{color:inherit}input,select,textarea{font-family:inherit;font-size:13.5px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:#f7f8fa;color:var(--text);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #1477a81f;background:#fff}label{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.helper-text{font-size:12px;color:var(--muted);margin-top:4px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topnav{height:60px;background:linear-gradient(120deg,var(--navy) 0%,var(--navy-light) 100%);display:flex;align-items:center;justify-content:space-between;padding:0 22px;flex-shrink:0;z-index:10}.topnav .brand{color:#fff;font-size:16px;font-weight:700;line-height:1.2}.topnav .brand .brand-m{color:var(--orange)}.brand-row{display:flex;align-items:center;gap:9px}.brand-icon{display:inline-flex;flex-shrink:0}.topnav .brand-sub{font-size:10.5px;color:#aebedf;font-weight:400}.channel-tabs{display:flex;gap:8px}.channel-tab{padding:9px 22px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#cfe0fa;font-size:13px;font-weight:600}.channel-tab.active{background:#fff;color:var(--navy);border-color:#fff}.topnav-user{display:flex;align-items:center;gap:14px}.avatar-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--navy-light));display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.user-name{color:#fff;font-size:13px;font-weight:600}.user-role{color:#aebedf;font-size:10.5px}.logout-icon-btn{background:transparent;border:none;color:#cfe0fa;font-size:18px;padding:6px}.shell-body{display:flex;flex:1;min-height:0}.sidebar{width:232px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);padding:18px 12px;display:flex;flex-direction:column;gap:3px;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:13.5px;font-weight:500;border:1px solid transparent}.nav-link:hover{background:#f7f8fa;color:var(--navy)}.nav-link.active{background:linear-gradient(90deg,#e3f7fb,#f5fdff);color:var(--orange-dark);border-color:#bdeaf3;font-weight:700}.nav-section-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#aab1bd;padding:14px 14px 6px}.nav-section-label:first-child{padding-top:4px}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto}.page-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px 0}.page-header h1{font-size:20px;letter-spacing:.02em}.page-header .sub{font-size:12.5px;color:var(--muted);margin-top:3px;font-weight:500}.content{padding:18px 28px 32px}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:#fff;color:var(--text);padding:9px 16px;border-radius:var(--radius);font-size:13px;font-weight:600}.btn:hover{background:#f7f8fa}.btn-primary{background:linear-gradient(135deg,var(--orange) 0%,var(--blue) 100%);border-color:var(--orange);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#17a0bd,#0e6288)}.btn-secondary{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-light) 100%);border-color:var(--navy);color:#fff}.btn-secondary:hover{background:var(--navy-light)}.btn-ghost{border-color:transparent;background:transparent}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card-header-bar{background:linear-gradient(120deg,var(--navy) 0%,var(--navy-light) 100%);color:#fff;padding:13px 18px;margin:-20px -20px 16px;border-radius:12px 12px 0 0;font-size:14px;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;display:flex;align-items:center;gap:14px}.stat-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;color:#fff}.stat-card .label{font-size:12px;color:var(--muted);margin-bottom:3px;font-weight:600}.stat-card .value{font-size:21px;font-weight:700;color:var(--navy)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700}.badge-success{background:var(--success-bg);color:#085041}.badge-warning{background:var(--warning-bg);color:#633806}.badge-danger{background:var(--danger-bg);color:#791f1f}.badge-neutral{background:#eef0f4;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:10px 12px;border-bottom:2px solid var(--border);background:#fafbfd}td{padding:12px;border-bottom:1px solid var(--border);vertical-align:top}tr:last-child td{border-bottom:none}tr:hover td{background:#fafbfd}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;align-items:end;margin-bottom:18px}.filter-bar .field-inline{display:flex;flex-direction:column}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.form-row{margin-bottom:16px}.form-actions{display:flex;gap:10px;margin-top:22px;justify-content:flex-end}.radio-row,.checkbox-row{display:flex;align-items:center;gap:8px}.radio-row input,.checkbox-row input{width:auto}.radio-group,.checkbox-group{display:flex;gap:20px;align-items:center}.radio-group label,.checkbox-group label{margin:0;font-weight:500;color:var(--text);font-size:13.5px;display:flex;align-items:center;gap:6px}.alert{border-radius:var(--radius);padding:12px 14px;font-size:13px;margin-bottom:16px}.alert-danger{background:var(--danger-bg);color:#791f1f;border:1px solid #f0999a}.alert-warning{background:var(--warning-bg);color:#633806;border:1px solid #e8c07a}.alert-success{background:var(--success-bg);color:#085041;border:1px solid #9fe1cb}.alert-info{background:#e6f1fb;color:#0c447c;border:1px solid #85b7eb}.progress-track{background:#eef0f4;border-radius:999px;height:8px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--orange),var(--blue));border-radius:999px}.progress-fill.danger{background:var(--danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10275b80;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal-box{background:#fff;border-radius:var(--radius-lg);padding:26px;width:560px;max-width:100%;max-height:88vh;overflow-y:auto}.dropzone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:30px 20px;text-align:center;background:#fafbfd;cursor:pointer}.dropzone:hover{border-color:var(--orange);background:#fff8f2}.file-row{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;padding:8px 0;border-bottom:1px solid var(--border)}.wizard-steps{display:flex;gap:8px;margin-bottom:22px}.wizard-step{flex:1;height:4px;border-radius:999px;background:var(--border)}.wizard-step.done{background:var(--orange)}.login-page{min-height:100vh;display:flex;background:var(--navy-dark)}.login-hero{flex:1.3;position:relative;overflow:hidden;background:linear-gradient(135deg,#05070a,#0d1117 55%,#1477a8);display:flex;align-items:center;justify-content:center;padding:40px}.login-hero:before,.login-hero:after{content:"";position:absolute;border-radius:50%;opacity:.12;background:var(--orange)}.login-hero:before{width:340px;height:340px;top:-80px;right:-80px}.login-hero:after{width:220px;height:220px;bottom:-60px;left:-40px;background:#fff;opacity:.06}.login-hero-content{position:relative;text-align:center;color:#fff}.login-hero-logo{font-size:40px;font-weight:800;margin-bottom:10px}.login-hero-logo .brand-m{color:var(--orange)}.login-hero-category{display:inline-block;margin:16px 0 10px;padding:5px 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#cfe0fa}.login-hero-tagline{font-size:15px;color:#cfe0fa;max-width:340px;margin:0 auto;line-height:1.6}.login-hero-credit{font-size:12px;color:#8ea2c9;margin-top:16px}.login-panel{flex:1;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#0d1a29,#05080d);padding:40px 24px}.login-card{background:#0d1623bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(31,182,214,.22);border-radius:16px;padding:32px 28px;width:360px;max-width:100%;box-shadow:0 16px 40px #00000073,0 0 0 1px #ffffff0d;text-align:center}.login-card h2{color:#fff;font-size:22px;font-weight:700;margin:0}.login-card-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#1fb6d6;background:#1fb6d61f;border:1px solid rgba(31,182,214,.25);border-radius:999px;padding:4px 12px;margin-bottom:12px;letter-spacing:.03em}.login-card label{color:#cfe0fa}.login-card input,.login-card select{background:#ffffff14;border-color:#fff3;color:#fff}.login-card input::placeholder{color:#8ea2c9}.login-forgot{text-align:right;font-size:12px;color:#cfe0fa;margin:-8px 0 18px;text-decoration:underline;cursor:pointer}.login-helper{text-align:center;color:#8ea2c9;font-size:12px;margin-top:18px}.btn-auth0{background:linear-gradient(135deg,#1fb6d6,#1477a8);color:#fff;font-weight:600;border:none;width:100%;padding:13px 18px;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 18px #1fb6d659;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:14px;cursor:pointer}.btn-auth0:hover:not(:disabled){background:linear-gradient(135deg,#2fd2f4,#1890ca);box-shadow:0 6px 24px #1fb6d68c;transform:translateY(-2px)}.btn-auth0:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #1fb6d64d}.btn-auth0:disabled{opacity:.75;cursor:wait}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{display:flex;align-items:center;text-align:center;color:#8ea2c9;font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;margin:16px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.12)}.auth-divider span{padding:0 10px}.section-title{font-size:15px;font-weight:700;color:var(--navy);margin:0 0 14px}.sonar-wrap{position:relative;display:inline-block}.sonar-ring{position:absolute;left:50%;top:42px;width:90px;height:90px;margin:-45px 0 0 -45px;border:2px solid rgba(31,182,214,.55);border-radius:50%;opacity:0;animation:sonar-pulse 3.6s ease-out infinite;pointer-events:none}.sonar-ring.r2{animation-delay:1.2s}.sonar-ring.r3{animation-delay:2.4s}@keyframes sonar-pulse{0%{transform:scale(.3);opacity:.6}70%{opacity:.15}to{transform:scale(5.2);opacity:0}}.bubble-field{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.bubble{position:absolute;bottom:-60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffa6,#ffffff0d 70%);animation-name:bubble-rise;animation-timing-function:ease-in;animation-iteration-count:infinite}@keyframes bubble-rise{0%{transform:translate(0);opacity:0}12%{opacity:.75}90%{opacity:.35}to{transform:translate(var(--drift, 18px),-560px);opacity:0}}.wave-layer{position:absolute;left:0;right:0;bottom:-2px;height:110px;line-height:0}.wave-layer svg{display:block;width:200%;height:100%;animation-name:wave-scroll;animation-timing-function:linear;animation-iteration-count:infinite}.wave-layer.back svg{animation-duration:16s;opacity:.22}.wave-layer.front svg{animation-duration:10s;opacity:.38}@keyframes wave-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}