@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;600;800&display=swap";:root{--surface-background: #0B0E14;--surface-card: #151821;--surface-hover: #1E2330;--surface-border: rgba(255, 255, 255, .06);--surface-input: #0B0E14;--input-border: rgba(255, 255, 255, .12);--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #475569;--color-primary: #1428A0;--color-primary-hover: #2B45E8;--color-primary-active: #0F1F7A;--color-success: #34D399;--status-success-bg: rgba(52, 211, 153, .15);--color-warning: #FBBF24;--status-warning-bg: rgba(251, 191, 36, .15);--color-danger: #F87171;--status-danger-bg: rgba(248, 113, 113, .15);--color-info: #3B82F6;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Inter", system-ui, -apple-system, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--space-xs: .25rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 2rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: all .2s cubic-bezier(.4, 0, .2, 1)}:root{--samsung-blue: var(--color-primary);--samsung-blue-light: var(--color-primary-hover);--samsung-blue-glow: rgba(20, 40, 160, .15);--dark-bg: var(--surface-background);--dark-surface: var(--surface-card);--dark-border: var(--surface-border);--gray-900: var(--text-primary);--gray-700: var(--text-secondary);--gray-500: var(--text-muted);--gray-300: #D1D5DB;--gray-100: var(--surface-hover);--white: #FFFFFF;--status-success: var(--color-success);--status-success-bg: #D1FAE5;--status-warning: var(--color-warning);--status-warning-bg: #FEF3C7;--status-danger: var(--color-danger);--status-danger-bg: #FEE2E2;--font-sans: "Inter", -apple-system, sans-serif;--font-display: "Outfit", sans-serif;--shadow-btn: 0 4px 14px var(--samsung-blue-glow);--spacing-xs: var(--space-xs);--spacing-sm: var(--space-sm);--spacing-md: var(--space-md);--spacing-lg: var(--space-lg);--spacing-xl: var(--space-xl);--spacing-2xl: var(--space-2xl)}*{margin:0;padding:0;box-sizing:border-box}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}@media(max-width:768px){.container{padding:0 var(--spacing-md)}}body{font-family:var(--font-sans);background-color:var(--surface-background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.header{background:var(--surface-card);border-bottom:1px solid var(--surface-border);position:sticky;top:0;z-index:100;padding:16px 0;box-shadow:0 4px 6px -1px #0000000d}.header-content{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:14px;text-decoration:none}.brand-logo-box{background:var(--color-primary);width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #1428a033;position:relative;overflow:hidden}.brand-logo-box:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);animation:shine 5s infinite}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.brand-text{display:flex;flex-direction:column}.brand-title{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--white);letter-spacing:-.02em;line-height:1}.brand-subtitle{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;margin-top:3px}.nav-links{display:flex;gap:4px;background:var(--surface-background);padding:4px;border-radius:var(--radius-md);border:1px solid var(--surface-border)}.nav-item{position:relative;font-weight:600;font-size:13px;color:var(--text-muted);cursor:pointer;padding:10px 22px;border-radius:var(--radius-sm);transition:var(--transition-normal);z-index:1;-webkit-user-select:none;user-select:none}.nav-item:hover{color:var(--text-primary);background:var(--surface-hover)}.nav-item.active{color:#fff}.nav-item.active:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-primary);border-radius:var(--radius-sm);z-index:-1;box-shadow:0 2px 8px #1428a033}.glass-card{background:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:0 2px 5px #00000005,0 1px 2px #0000000a;transition:box-shadow var(--transition-normal)}.glass-card:hover{box-shadow:0 4px 12px #0000000d;border-color:var(--input-border)}.form-group{margin-bottom:var(--space-lg);display:flex;flex-direction:column}label{font-size:11px;font-weight:500;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;letter-spacing:.06em}input,select{font-family:var(--font-sans);padding:12px 14px;border:1px solid var(--input-border);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary);background-color:var(--surface-input);transition:var(--transition-fast);width:100%;box-sizing:border-box;min-width:0}.input-icon-wrapper{position:relative;display:flex;align-items:center}.input-icon-wrapper svg{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.input-with-icon{padding-left:40px}input::placeholder{color:var(--text-muted)}input:hover,select:hover{border-color:var(--text-muted);background-color:var(--surface-hover)}input:focus,select:focus{outline:none;background-color:var(--surface-background);border-color:var(--color-primary);box-shadow:0 0 0 3px #1428a040}input:focus-visible,select:focus-visible{box-shadow:0 0 0 2px var(--surface-background),0 0 0 4px var(--color-primary)}.btn-primary,.btn-secondary,.btn-outline{height:44px;padding:0 22px!important;border-radius:var(--radius-sm);font-weight:600;font-size:13px!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition-normal);outline:none;font-family:var(--font-sans);letter-spacing:.01em}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-outline:focus-visible{box-shadow:0 0 0 2px var(--surface-background),0 0 0 4px var(--color-primary)}.btn-primary:active,.btn-secondary:active,.btn-outline:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff;border:none;box-shadow:var(--shadow-btn);font-weight:700}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #1428a040}.btn-secondary{background:var(--surface-card);color:var(--text-primary);border:1px solid var(--surface-border)}.btn-secondary:hover{border-color:var(--color-primary);background:var(--surface-hover);color:var(--color-primary)}.btn-theme-toggle{background:var(--surface-card);color:var(--text-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;width:40px;height:40px;cursor:pointer;transition:var(--transition-fast)}.btn-theme-toggle:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--text-muted)}.btn-outline{background:transparent;color:var(--color-primary);border:1px dashed rgba(20,40,160,.4)}.btn-outline:hover{background:#1428a014;border-color:var(--color-primary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-xl)}.text-muted{color:var(--text-secondary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.data-table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--surface-background);color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;padding:16px 18px;text-align:left;border-bottom:1px solid var(--surface-border);white-space:nowrap}.data-table td{padding:16px 18px;vertical-align:middle;border-bottom:1px solid var(--surface-border);color:var(--text-primary);font-weight:500;font-size:13px;white-space:nowrap}.data-table tr{transition:var(--transition-fast)}.data-table tr:hover{background:var(--surface-hover)}@media(max-width:768px){.grid-mobile-1{grid-template-columns:1fr!important}.flex-mobile-col{flex-direction:column!important}.glass-card{padding:var(--spacing-md)}.header-content{flex-wrap:wrap;gap:16px}.data-table-wrapper{max-height:none}.tab-button{padding:16px 12px!important;font-size:13px!important}}.network-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:.02em;transition:var(--transition-normal);-webkit-user-select:none;user-select:none;border:1px solid transparent}.network-badge--online{background:#10b9811a;color:var(--color-success);border-color:#10b98133}.network-badge--offline{background:#f43f5e1a;color:var(--color-danger);border-color:#f43f5e33}.network-badge__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.network-badge--online .network-badge__dot{background:var(--color-success);box-shadow:0 0 8px #10b98199;animation:pulse-dot 2s ease-in-out infinite}.network-badge--offline .network-badge__dot{background:var(--color-danger);box-shadow:0 0 8px #f43f5e99}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.network-badge__label{line-height:1;white-space:nowrap}.draft-indicator{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;letter-spacing:.02em;opacity:0;transform:translateY(4px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.draft-indicator--visible{opacity:1;transform:translateY(0)}.draft-indicator--saved{background:#10b98114;color:var(--color-success);border:1px solid rgba(16,185,129,.15)}.draft-indicator--offline{background:#f59e0b14;color:var(--color-warning);border:1px solid rgba(245,158,11,.15)}.form-section-divider{display:flex;align-items:center;gap:12px;margin:var(--space-xl) 0 var(--space-lg);color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.form-section-divider:after{content:"";flex:1;height:1px;background:var(--surface-border)}@media(max-width:768px){.header-content{flex-wrap:wrap;gap:12px}.network-badge{order:-1;flex-basis:100%;justify-content:center}.nav-links{flex-basis:100%;justify-content:center}}.ui-button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans, "Inter", sans-serif);font-weight:600;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:var(--transition-normal);outline:none;gap:var(--space-sm);letter-spacing:.02em}.ui-button:focus-visible{box-shadow:0 0 0 2px var(--surface-background),0 0 0 4px var(--color-primary)}.ui-button:active{transform:scale(.97)}.variant-primary{background-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.variant-primary:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md)}.variant-secondary{background-color:var(--surface-card);color:var(--text-primary);border:1px solid var(--surface-border)}.variant-secondary:hover{background-color:var(--surface-hover);border-color:var(--color-primary)}.variant-danger{background-color:var(--color-danger);color:#fff}.variant-danger:hover{opacity:.9;box-shadow:var(--shadow-sm)}.variant-outline{background-color:transparent;color:var(--text-primary);border:1px solid var(--text-muted)}.variant-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#10b9810d}.size-sm{height:32px;padding:0 var(--space-md);font-size:var(--font-xs)}.size-md{height:44px;padding:0 var(--space-lg);font-size:var(--font-sm)}.size-lg{height:52px;padding:0 var(--space-xl);font-size:var(--font-md)}.ui-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px var(--space-sm);font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);white-space:nowrap}.variant-default{background-color:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--surface-border)}.variant-success{background-color:#10b98126;color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.variant-danger{background-color:#f43f5e26;color:var(--color-danger);border:1px solid rgba(244,63,94,.3)}.variant-warning{background-color:#f59e0b26;color:var(--color-warning);border:1px solid rgba(245,158,11,.3)}.variant-info{background-color:#3b82f626;color:var(--color-info);border:1px solid rgba(59,130,246,.3)}.ui-card{background-color:var(--surface-card);border-radius:var(--radius-md);padding:var(--space-xl);box-shadow:var(--shadow-sm);border:1px solid var(--surface-border);transition:var(--transition-normal);position:relative;overflow:hidden}.ui-card:hover{box-shadow:var(--shadow-md);border-color:#ffffff26}.ui-input{font-family:var(--font-sans, "Inter", sans-serif);padding:0 var(--space-md);height:44px;border:1px solid var(--surface-border);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:500;color:var(--text-primary);background-color:var(--surface-background);transition:var(--transition-fast);outline:none;width:100%}.ui-input::placeholder{color:var(--text-muted)}.ui-input:hover{background-color:var(--surface-hover);border-color:var(--text-muted)}.ui-input:focus{background-color:var(--surface-background);border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.ui-input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--surface-hover)}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.ui-skeleton{background-color:var(--surface-hover);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.ui-skeleton-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background-color:var(--surface-card);border:1px solid var(--surface-border);border-radius:var(--radius-md)}.ui-skeleton-card-icon .ui-skeleton{border-radius:var(--radius-md)}.ui-skeleton-card-text{display:flex;flex-direction:column;gap:var(--space-sm)}.ui-skeleton-row td{padding:var(--space-md)!important}.app-main{padding:var(--spacing-xl) 0;min-height:calc(100vh - 80px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}