*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f6f3ed;--surface: #fcf9f3;--surface2: #ede8df;--primary: #810a26;--primary-dark: #5a0619;--secondary: #ac872c;--tertiary: #1f2843;--text: #1c1c18;--text2: #584142;--outline: #8b7171;--success: #2e7d4f;--error: #b91c1c;--warning: #ac872c;--radius: 10px}body{background:linear-gradient(135deg,var(--bg) 0%,#fefcf8 100%);background-attachment:fixed;color:var(--text);font-family:Manrope,DM Sans,sans-serif;min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-up{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.skeleton{background:linear-gradient(90deg,var(--surface2) 25%,#f4efe6 50%,var(--surface2) 75%);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:8px}h1,h2,h3{font-family:"Noto Serif",Georgia,serif}button{cursor:pointer;font-family:DM Sans,sans-serif;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;padding:12px 24px;transition:opacity .15s,transform .1s}button:hover{opacity:.88}button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;letter-spacing:.3px}.btn-primary:hover{background:var(--primary-dark);opacity:1}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--outline)}input{font-family:Manrope,sans-serif;font-size:16px;background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius);color:var(--text);padding:12px 16px;width:100%;outline:none;transition:border-color .2s}input:focus{border-color:var(--primary)}input::placeholder{color:var(--outline)}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.card{background:var(--surface);border-radius:14px;padding:32px;width:100%;max-width:460px;border:1px solid var(--surface2);box-shadow:0 2px 16px #810a260f}@media (max-width: 600px){.page{padding:16px}.card{padding:24px 20px}input{font-size:15px;padding:10px 14px}button{padding:10px 20px;font-size:14px}.mobile-mt{margin-top:32px!important}}.split-layout{display:flex;min-height:calc(100vh - 60px)}.sidebar{width:340px;background:var(--surface);border-right:1px solid var(--surface2);padding:28px 20px;overflow-y:auto}.main-content{flex:1;padding:32px 24px;overflow-y:auto}@media (max-width: 800px){.split-layout{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--surface2);padding:20px}.main-content{padding:20px}}