:root{--color-primary: #D4A373;--color-primary-dark: #C6905A;--color-secondary: #FAEDCD;--color-background: #FEFAE0;--color-surface: #FFFFFF;--color-surface-hover: #F8F9FA;--color-text-main: #3E3B35;--color-text-muted: #857D71;--color-border: #EAE0D5;--font-family: "Outfit", sans-serif;--border-radius: 12px;--border-radius-lg: 24px;--shadow-sm: 0 4px 12px rgba(62, 59, 53, .05);--shadow-lg: 0 12px 24px rgba(62, 59, 53, .08);--transition: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--color-text-main)}button{cursor:pointer;font-family:inherit;border:none;border-radius:var(--border-radius);transition:var(--transition)}.btn-primary{background-color:var(--color-primary);color:#fff;padding:12px 24px;font-size:1rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.card{background-color:var(--color-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:24px;border:1px solid var(--color-border);transition:var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}input,select,textarea{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--border-radius);font-family:var(--font-family);font-size:1rem;color:var(--color-text-main);background-color:var(--color-surface);transition:var(--transition);margin-bottom:16px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d4a37333}label{display:block;font-weight:500;margin-bottom:8px;color:var(--color-text-main);font-size:.95rem}.form-group{margin-bottom:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.app-container{display:flex;min-height:100vh}.sidebar{width:280px;background-color:var(--color-surface);border-right:1px solid var(--color-border);padding:32px 24px;display:flex;flex-direction:column;transition:transform .3s ease;z-index:100}.logo-section{display:flex;align-items:center;gap:12px;margin-bottom:48px}.logo-icon{width:40px;height:40px;background-color:var(--color-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary-dark);font-weight:700;font-size:1.2rem}.logo-text{font-size:1.5rem;font-weight:700;color:var(--color-text-main);letter-spacing:-.5px}.nav-links{list-style:none;display:flex;flex-direction:column;gap:12px}.nav-item{padding:12px 16px;border-radius:var(--border-radius);color:var(--color-text-muted);font-weight:500;cursor:pointer;transition:var(--transition)}.nav-item:hover,.nav-item.active{background-color:var(--color-secondary);color:var(--color-primary-dark)}.main-content{flex:1;padding:48px;overflow-y:auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.page-title{font-size:2rem;letter-spacing:-.5px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.metric-value{font-size:2.5rem;font-weight:700;color:var(--color-primary-dark);margin-top:12px}.metric-label{color:var(--color-text-muted);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.recent-activity{margin-top:48px}.activity-list{margin-top:24px;display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius)}.activity-info h4{margin-bottom:4px}.activity-date{font-size:.85rem;color:var(--color-text-muted)}.modal-backdrop{position:fixed;inset:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px}.modal-panel{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;position:relative}.hamburger-btn{display:none;background:none;border:none;font-size:1.5rem;color:var(--color-text-main);padding:8px;cursor:pointer;margin-right:16px}@media(max-width:768px){.app-container{flex-direction:column}.hamburger-btn{display:block}.sidebar{position:fixed;top:0;left:0;height:100vh;transform:translate(-100%);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.main-content{padding:24px 16px}.header{flex-direction:column;align-items:flex-start;gap:16px}.header>div{display:flex;align-items:center}.dashboard-grid{grid-template-columns:1fr}}