@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--hue-base: 224;font-size:13px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--spacing-xs: .15rem;--spacing-sm: .3rem;--spacing-md: .65rem;--spacing-lg: .95rem;--spacing-xl: 1.4rem;--sidebar-width: 280px;--btn-padding: .35rem .7rem;--btn-padding-large: .5rem 1rem;--app-padding-left: calc(var(--sidebar-width) + var(--spacing-lg) * 2);--sidebar-left: var(--spacing-lg);--sidebar-transform: none;--sidebar-transition: transform var(--transition-normal), left var(--transition-normal);--grid-cols-3: repeat(3, 1fr);--grid-cols-2: repeat(2, 1fr);--grid-cols-2-1: 2fr 1fr;--grid-cols-1-2: 1fr 2fr;--grid-cols-auto-fit: repeat(auto-fit, minmax(220px, 1fr));--login-grid-cols: 1.2fr 1.3fr;--signup-date-cols: 1fr 1fr;--login-shortcut-cols: repeat(2, 1fr);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--font-family: "Malgun Gothic", "맑은 고딕", "Apple SD Gothic Neo", "Noto Sans KR", Dotum, 돋움, sans-serif}:root,[data-theme=dark]{--bg-app: hsl(var(--hue-base), 25%, 6%);--bg-panel: hsla(var(--hue-base), 25%, 12%, .6);--bg-card: hsla(var(--hue-base), 25%, 16%, .45);--bg-card-hover: hsla(var(--hue-base), 25%, 22%, .65);--color-primary: hsl(250, 85%, 65%);--color-secondary: hsl(190, 90%, 50%);--color-success: hsl(142, 70%, 45%);--color-warning: hsl(38, 92%, 50%);--color-danger: hsl(350, 85%, 55%);--color-info: hsl(200, 80%, 55%);--gradient-accent: linear-gradient(135deg, var(--color-primary), var(--color-secondary));--gradient-success: linear-gradient(135deg, hsl(142, 70%, 45%), hsl(160, 85%, 40%));--gradient-card: linear-gradient(145deg, hsla(var(--hue-base), 25%, 16%, .5), hsla(var(--hue-base), 25%, 8%, .3));--text-primary: hsl(var(--hue-base), 20%, 95%);--text-muted: hsl(var(--hue-base), 15%, 65%);--text-dimmed: hsl(var(--hue-base), 12%, 45%);--border-glow: hsla(var(--hue-base), 25%, 100%, .08);--border-glow-hover: hsla(var(--hue-base), 25%, 100%, .16);--border-accent: hsla(250, 85%, 65%, .3);--shadow-main: 0 8px 32px 0 rgba(0, 0, 0, .37);--shadow-glow: 0 0 20px hsla(250, 85%, 65%, .15);--glass-blur: blur(16px)}[data-theme=light]{--bg-app: hsl(var(--hue-base), 25%, 95%);--bg-panel: hsla(var(--hue-base), 25%, 100%, .65);--bg-card: hsla(var(--hue-base), 25%, 100%, .45);--bg-card-hover: hsla(var(--hue-base), 25%, 100%, .85);--color-primary: hsl(250, 75%, 55%);--color-secondary: hsl(190, 80%, 40%);--color-success: hsl(142, 60%, 35%);--color-warning: hsl(38, 85%, 45%);--color-danger: hsl(350, 75%, 45%);--color-info: hsl(200, 75%, 45%);--gradient-accent: linear-gradient(135deg, var(--color-primary), var(--color-secondary));--gradient-success: linear-gradient(135deg, hsl(142, 60%, 35%), hsl(160, 70%, 30%));--gradient-card: linear-gradient(145deg, hsla(var(--hue-base), 25%, 100%, .6), hsla(var(--hue-base), 25%, 96%, .4));--text-primary: hsl(var(--hue-base), 30%, 12%);--text-muted: hsl(var(--hue-base), 20%, 35%);--text-dimmed: hsl(var(--hue-base), 15%, 55%);--border-glow: hsla(var(--hue-base), 25%, 0%, .08);--border-glow-hover: hsla(var(--hue-base), 25%, 0%, .15);--border-accent: hsla(250, 75%, 55%, .25);--shadow-main: 0 8px 32px 0 rgba(31, 38, 135, .08);--shadow-glow: 0 0 20px hsla(250, 75%, 55%, .1);--glass-blur: blur(20px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-primary);font-size:1rem;line-height:1.5;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-panel{background:var(--bg-panel);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glow);box-shadow:var(--shadow-main);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.glass-panel:hover{border-color:var(--border-glow-hover)}.glass-card{background:var(--gradient-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glow);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.glass-card:hover{transform:translateY(-4px);border-color:var(--border-glow-hover);box-shadow:var(--shadow-main),0 10px 20px #0003}button,.btn{font-family:var(--font-family);cursor:pointer;border:none;outline:none;border-radius:var(--radius-md);font-weight:500;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-primary{background:var(--gradient-accent);color:#fff;padding:var(--btn-padding);box-shadow:var(--shadow-glow)}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 0 25px #735af24d}.btn-secondary{background:hsla(var(--hue-base),25%,25%,.4);color:var(--text-primary);border:1px solid var(--border-glow);padding:var(--btn-padding)}.btn-secondary:hover{background:hsla(var(--hue-base),25%,35%,.6);border-color:var(--border-glow-hover)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.01em;color:var(--text-primary);line-height:1.3}h1{font-size:1.1rem}h2{font-size:.95rem}h3{font-size:.85rem}h4{font-size:.8rem}h5,h6{font-size:.75rem}p{color:var(--text-muted);line-height:1.6}input,textarea,select{width:100%;font-family:var(--font-family);background:hsla(var(--hue-base),25%,10%,.5);border:1px solid var(--border-glow);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 10px #735af226}input::placeholder,textarea::placeholder{color:var(--text-dimmed)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}@media(max-width:1024px){:root{font-size:11px;--app-padding-left: var(--spacing-md);--sidebar-left: var(--spacing-md);--sidebar-transform: translateX(-120%);--grid-cols-3: 1fr;--grid-cols-2: 1fr;--grid-cols-2-1: 1fr;--grid-cols-1-2: 1fr;--grid-cols-auto-fit: 1fr;--login-grid-cols: 1fr;--signup-date-cols: 1fr;--login-shortcut-cols: 1fr;--spacing-xs: .1rem;--spacing-sm: .2rem;--spacing-md: .45rem;--spacing-lg: .65rem;--spacing-xl: .95rem;--btn-padding: .25rem .5rem;--btn-padding-large: .35rem .7rem}.sidebar.open{--sidebar-transform: translateX(0) !important}body{padding-top:55px}.responsive-table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--spacing-md);background:#00000026;border-radius:var(--radius-md);border:1px solid var(--border-glow)}.responsive-table-container table{min-width:750px}.kanban-board-container{display:flex!important;overflow-x:auto!important;gap:var(--spacing-md)!important;padding-bottom:var(--spacing-md);-webkit-overflow-scrolling:touch;width:100%}.kanban-column{min-width:300px!important;flex-shrink:0!important}.mobile-header{position:fixed;top:0;left:0;right:0;height:46px;background:var(--bg-panel);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-glow);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);z-index:80;box-shadow:0 4px 20px #0003}.mobile-brand-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.mobile-brand-icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:1rem;box-shadow:var(--shadow-glow)}.sidebar{height:calc(100vh - var(--spacing-lg) * 2)!important;box-shadow:0 10px 50px #000c!important}.sidebar-close-btn{display:flex!important;position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:#ffffff0d;border:1px solid var(--border-glow);border-radius:var(--radius-sm);padding:6px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.sidebar-close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.notification-log-card{grid-template-columns:1fr!important;gap:var(--spacing-sm)!important;text-align:left}.notification-log-card div:last-child{text-align:left!important}}@media(min-width:1025px){.mobile-header,.sidebar-close-btn{display:none!important}}