@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#fcfbf9;--bg-secondary:#f4efe6;--bg-tertiary:#ebdcd0;--text-primary:#4a4238;--text-secondary:#7a7065;--accent-color:#d4a373;--accent-hover:#c9935f;--success-color:#8cb39d;--danger-color:#d98a8a;--warning-color:#e6c27a;--glass-bg:#ffffffb3;--glass-border:#d4a37333;--shadow-sm:0 4px 6px -1px #4a42380d;--shadow-md:0 10px 15px -3px #4a42380d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Outfit,sans-serif;line-height:1.5;transition:all .3s}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.02em;font-weight:600}a{color:var(--accent-color);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);border-radius:16px}.card{box-shadow:var(--shadow-sm);background-color:#fff;border:1px solid #00000008;border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-color);color:#fff;box-shadow:0 4px 12px #d4a3734d}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.form-input{border:1px solid var(--bg-tertiary);color:var(--text-primary);background-color:#fff;border-radius:10px;outline:none;padding:12px 16px;font-family:inherit;transition:all .2s}.form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #d4a3731a}.badge{border-radius:20px;padding:4px 10px;font-size:.8rem;font-weight:500;display:inline-block}.badge-success{color:#6a8c79;background:#8cb39d26}.badge-primary{color:#b88655;background:#d4a37326}.badge-danger{color:#b86e6e;background:#d98a8a26}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-secondary);border-right:1px solid #00000008;flex-direction:column;width:260px;display:flex}.sidebar-header{align-items:center;gap:12px;padding:24px;display:flex}.sidebar-header h1{color:var(--text-primary);font-size:1.25rem}.nav-links{flex-direction:column;gap:4px;padding:0 16px;display:flex}.nav-item{color:var(--text-secondary);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;display:flex}.nav-item:hover{color:var(--text-primary);background-color:#00000005}.nav-item.active{color:var(--accent-color);box-shadow:var(--shadow-sm);background-color:#fff}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background-color:var(--bg-primary);border-bottom:1px solid #00000008;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex}.page-content{flex:1;padding:32px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}