:root{--color-primary:#2563eb;--color-primary-light:#eff6ff;--color-primary-dark:#1d4ed8;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-bg:#f8fafc;--color-surface:#fff;--color-sidebar-bg:#0f172a;--color-sidebar-text:#94a3b8;--color-sidebar-active:#2563eb;--color-sidebar-active-bg:rgba(37,99,235,.15);--color-text:#1e293b;--color-text-light:#64748b;--color-border:#e2e8f0;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.07);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--sidebar-width:240px;--header-height:56px;--radius:12px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}.container{margin:0 auto;max-width:960px;padding:0 24px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:24px;transition:box-shadow .2s}.card:hover{box-shadow:var(--shadow-md)}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-outline{background:transparent;border:1.5px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.page-header{margin-bottom:24px}.page-title{color:var(--color-text);font-size:24px;font-weight:700;margin-bottom:4px}.page-subtitle{color:var(--color-text-light);font-size:14px}:root{--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-normal)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active{transition:all .4s cubic-bezier(.16,1,.3,1)}.slide-up-leave-active{transition:all .25s ease-in}.slide-up-enter-from{opacity:0;transform:translateY(24px)}.slide-up-leave-to{opacity:0;transform:translateY(-12px)}.scale-enter-active{transition:all .3s cubic-bezier(.16,1,.3,1)}.scale-leave-active{transition:all .2s ease-in}.scale-enter-from{opacity:0;transform:scale(.92)}.scale-leave-to{opacity:0;transform:scale(.95)}.list-enter-active,.list-move{transition:all .4s cubic-bezier(.16,1,.3,1)}.list-leave-active{position:absolute;transition:all .25s ease-in}.list-enter-from{opacity:0;transform:translateY(20px)}.list-leave-to{opacity:0;transform:translate(-20px)}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}