@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--color-primary:#0d94e8;--color-primary-light:#5e99f8;--color-primary-dark:#0e60d7;--color-secondary:#00c2df;--color-accent:#f59e0b;--color-danger:#ef4444;--color-success:#22c55e;--color-warning:#eab308;--bg-base:#104486;--bg-surface:#fff;--bg-elevated:#f1f5f9;--bg-hover:#e2e8f0;--bg-active:#cbd5e1;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#f8fafc;--border-subtle:#f1f5f9;--border-default:#e2e8f0;--border-strong:#cbd5e1;--glass-bg:#ffffffd9;--glass-blur:12px;--glass-border:#e2e8f0;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-glow:0 0 20px #0d94e81a;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px;--font-family:"Pretendard Variable",Pretendard,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);color:var(--text-primary);background:linear-gradient(#1379b2 0%,#104486 35%,#0e3570 60%,#163599 100%) fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-light)}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-sm)var(--space-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #0d94e81a}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.glass-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid #ffffff26;transition:box-shadow .3s,transform .3s;box-shadow:0 2px 4px #0000001f,0 8px 24px #00000029,0 16px 48px #0000001a}.glass-card:hover{box-shadow:0 4px 8px #00000024,0 12px 32px #0003,0 20px 56px #0000001f}.gradient-border{border-radius:var(--radius-lg);background:var(--bg-surface);position:relative}.gradient-border:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#0d94e84d,#00c2df40,#0d94e81a);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;font-size:.875rem;font-weight:500;line-height:1.25rem;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;box-shadow:var(--shadow-sm),var(--shadow-glow)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));box-shadow:var(--shadow-md),0 0 30px #0d94e840;transform:translateY(-1px)}.btn-outline{border:1px solid var(--border-default);color:var(--text-secondary);background:0 0}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:#0d94e814}.btn-danger{background:linear-gradient(135deg,var(--color-danger),#b91c1c);color:#fff}.btn-danger:hover{box-shadow:var(--shadow-md),0 0 20px #ef444440;transform:translateY(-1px)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary-color{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.page-content{padding:var(--space-lg);max-width:1440px}.page-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.page-title{color:var(--text-inverse);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.page-subtitle{color:#fff9;margin-top:var(--space-xs);font-size:.875rem}.grid-dashboard{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (max-width:1024px){.page-content{padding:var(--space-md)}}@media (max-width:768px){.grid-dashboard{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.4s forwards fadeIn}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 4px #0d94e84d}50%{box-shadow:0 0 12px #0d94e899}}.animate-pulse-glow{animation:2s ease-in-out infinite pulseGlow}@keyframes countUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}