*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.fade-in{animation:fadeIn .45s cubic-bezier(.22,1,.36,1) both}.fade-in-down{animation:fadeInDown .4s cubic-bezier(.22,1,.36,1) both}.fade-in-scale{animation:fadeInScale .4s cubic-bezier(.22,1,.36,1) both}.slide-in-left{animation:slideInLeft .4s cubic-bezier(.22,1,.36,1) both}.slide-in-right{animation:slideInRight .4s cubic-bezier(.22,1,.36,1) both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}body{font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;color:#1a1a1a;background:#f5f5f5}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#fff;border-right:1px solid #ebebeb;display:flex;flex-direction:column;padding:24px 0;flex-shrink:0;animation:slideInLeft .4s cubic-bezier(.22,1,.36,1) both}.logo{font-size:20px;font-weight:700;padding:0 24px 24px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#6c63ff,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px;animation:fadeIn .5s both}.sidebar nav{display:flex;flex-direction:column;gap:4px;padding:16px 12px;flex:1}.sidebar nav a{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;text-decoration:none;color:#666;font-size:14px;transition:background .18s,color .18s,transform .18s;animation:slideInLeft .4s cubic-bezier(.22,1,.36,1) both}.sidebar nav a:hover{background:#f5f5f5;color:#222;transform:translate(3px)}.sidebar nav a.active{background:linear-gradient(135deg,#6c63ff1f,#ff6b9d14);color:#6c63ff;font-weight:600}.sidebar nav a.active:before{content:"";position:absolute;left:12px;width:3px;height:20px;background:linear-gradient(#6c63ff,#ff6b9d);border-radius:2px}.sidebar nav a{position:relative}.sidebar-footer{padding:16px 20px;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:8px;font-size:13px;color:#999;animation:fadeIn .5s .3s both}.content{flex:1;padding:32px;overflow-y:auto}.page{animation:fadeIn .4s cubic-bezier(.22,1,.36,1) both}.page h2{font-size:22px;font-weight:700;margin-bottom:24px;color:#111;background:linear-gradient(135deg,#6c63ff,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInDown .4s both}.card{background:#fff;border-radius:16px;padding:22px 26px;margin-bottom:16px;border:1px solid #ebebeb;transition:box-shadow .2s,transform .2s;animation:fadeIn .4s cubic-bezier(.22,1,.36,1) both}.card:hover{box-shadow:0 4px 20px #6c63ff14}.card h3{font-size:15px;font-weight:600;margin-bottom:16px;color:#222}.error{background:#fff0f0;color:#c0392b;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:12px;animation:fadeInScale .3s both;border-left:3px solid #e74c3c}.loading{display:flex;align-items:center;justify-content:center;gap:10px;height:200px;color:#aaa;font-size:14px}.loading:before{content:"";width:20px;height:20px;border:2px solid #eee;border-top-color:#6c63ff;border-radius:50%;animation:spin .7s linear infinite}button,.btn-primary,.btn-outline,.btn-danger{border:none;border-radius:10px;cursor:pointer;font-size:14px;padding:9px 18px;font-weight:500;transition:opacity .15s,transform .15s,box-shadow .15s}button:disabled{opacity:.5;cursor:not-allowed}button:not(:disabled):active{transform:scale(.97)}.btn-primary,button[type=submit]{background:linear-gradient(135deg,#6c63ff,#8b84ff);color:#fff;box-shadow:0 2px 10px #6c63ff40}.btn-primary:hover,button[type=submit]:hover{box-shadow:0 4px 16px #6c63ff59;transform:translateY(-1px)}.btn-outline{background:transparent;border:1.5px solid #6C63FF;color:#6c63ff;text-decoration:none;display:inline-block;transition:background .15s,transform .15s}.btn-outline:hover{background:#6c63ff0f;transform:translateY(-1px)}.btn-danger{background:#fee2e2;color:#dc2626;font-size:13px;padding:6px 12px;transition:background .15s,transform .15s}.btn-danger:hover{background:#fecaca;transform:translateY(-1px)}input,select,textarea{width:100%;border:1.5px solid #e8e8e8;border-radius:10px;padding:10px 14px;font-size:14px;color:#222;outline:none;transition:border-color .2s,box-shadow .2s;background:#fafafa}input:focus{border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1a;background:#fff}label{display:block;font-size:13px;color:#666;margin-bottom:6px;margin-top:14px;font-weight:500}.add-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.add-form input{flex:1;min-width:140px}.add-form button{white-space:nowrap;flex-shrink:0}.link-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f5f5f5;transition:background .15s;border-radius:8px;animation:fadeIn .35s cubic-bezier(.22,1,.36,1) both}.link-row:last-child{border-bottom:none}.link-row:hover{background:#fafafa;padding-left:6px}.drag-handle{cursor:grab;color:#ddd;font-size:18px;-webkit-user-select:none;user-select:none;flex-shrink:0;transition:color .2s}.drag-handle:hover{color:#6c63ff}.drag-handle:active{cursor:grabbing}.link-icon{font-size:20px;flex-shrink:0}.link-info{flex:1;min-width:0}.link-info strong{display:block;font-size:14px;font-weight:600}.link-info small{display:block;font-size:12px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:#888;cursor:pointer;flex-shrink:0}.stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.stat-card{background:#fff;border-radius:16px;padding:22px 24px;border:1px solid #ebebeb;text-align:center;transition:transform .2s,box-shadow .2s;animation:fadeIn .4s cubic-bezier(.22,1,.36,1) both}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #6c63ff1a}.stat-value{font-size:30px;font-weight:700;background:linear-gradient(135deg,#6c63ff,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:13px;color:#aaa;margin-top:4px}.profile-preview{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;background:linear-gradient(135deg,#6c63ff0f,#ff6b9d0a);border:1px solid rgba(108,99,255,.12)!important}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quick-card{background:#fff;border-radius:16px;padding:22px 24px;border:1px solid #ebebeb;text-decoration:none;color:#222;display:flex;flex-direction:column;gap:4px;transition:border-color .2s,box-shadow .2s,transform .2s;animation:fadeIn .4s cubic-bezier(.22,1,.36,1) both}.quick-card:hover{border-color:#6c63ff;box-shadow:0 6px 20px #6c63ff1a;transform:translateY(-3px)}.quick-card span{font-size:26px;animation:float 3s ease-in-out infinite}.quick-card strong{font-size:15px;margin-top:6px}.quick-card small{font-size:13px;color:#aaa}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f7ff,#fff0f6);position:relative;overflow:hidden}.login-wrap:before{content:"";position:absolute;top:-200px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(108,99,255,.12) 0%,transparent 70%);animation:float 6s ease-in-out infinite}.login-wrap:after{content:"";position:absolute;bottom:-100px;right:-50px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,107,157,.1) 0%,transparent 70%);animation:float 8s ease-in-out infinite reverse}.login-card{background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:44px 40px;width:100%;max-width:420px;border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 60px #6c63ff1f;position:relative;z-index:1;animation:fadeInScale .5s cubic-bezier(.22,1,.36,1) both}.login-logo{font-size:28px;font-weight:700;text-align:center;margin-bottom:8px;background:linear-gradient(135deg,#6c63ff,#ff6b9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;animation:fadeInDown .5s .1s both}.login-sub{text-align:center;font-size:14px;color:#aaa;margin-bottom:32px;animation:fadeIn .5s .2s both}.login-card label{animation:slideInLeft .4s both}.login-card input{animation:fadeIn .4s both}.login-card button{width:100%;margin-top:20px;padding:13px;font-size:15px;border-radius:12px;background:linear-gradient(135deg,#6c63ff,#ff6b9d);box-shadow:0 4px 16px #6c63ff4d;animation:fadeIn .5s .3s both}.login-card button:hover{box-shadow:0 6px 24px #6c63ff66;transform:translateY(-2px)}.sidebar-footer button{background:none;border:1px solid #f0f0f0;color:#aaa;padding:7px 12px;font-size:12px;border-radius:8px;width:100%;transition:background .15s,color .15s}.sidebar-footer button:hover{background:#fff0f0;color:#e74c3c;border-color:#fecaca}@media (max-width: 768px){.layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid #ebebeb;padding:12px 0;animation:fadeInDown .4s both}.sidebar nav{flex-direction:row;padding:8px 12px;overflow-x:auto}.sidebar nav a:hover{transform:none}.content{padding:16px}.stat-cards{grid-template-columns:1fr 1fr}.quick-links{grid-template-columns:1fr}.profile-preview{flex-direction:column;gap:12px;align-items:flex-start}.login-card{padding:32px 24px;margin:0 16px}}