*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #2d6a4f;--color-primary-light: #52b788;--color-primary-dark: #1b4332;--color-secondary: #74c69d;--color-bg: #f8f9fa;--color-surface: #ffffff;--color-text: #212529;--color-text-muted: #6c757d;--color-border: #dee2e6;--color-danger: #dc3545;--color-success: #28a745;--color-warning: #ffc107;--radius: 8px;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6}#app{min-height:100vh;display:flex;flex-direction:column}.navbar{background:var(--color-primary);color:#fff;padding:0 1.5rem;height:56px;display:flex;align-items:center;gap:1.5rem;box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.navbar-brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem}.navbar-menu{display:flex;gap:.25rem;flex:1}.nav-link{color:#ffffffd9;text-decoration:none;padding:.4rem .75rem;border-radius:var(--radius);font-size:.9rem;transition:background .2s}.nav-link:hover,.nav-link.router-link-active{background:#fff3;color:#fff}.navbar-end{display:flex;align-items:center;gap:.75rem;margin-left:auto}.user-name{font-size:.85rem;opacity:.9}.btn-logout{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.3rem .75rem;border-radius:var(--radius);cursor:pointer;font-size:.85rem;transition:background .2s}.btn-logout:hover{background:#ffffff40}.main-content{flex:1;padding:1.5rem;max-width:1200px;margin:0 auto;width:100%}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:var(--radius);border:none;cursor:pointer;font-size:.9rem;font-weight:500;transition:opacity .2s,transform .1s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{background:var(--color-bg)}.input{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.9rem;transition:border-color .2s}.input:focus{outline:none;border-color:var(--color-primary)}.badge{display:inline-block;padding:.2rem .5rem;border-radius:99px;font-size:.75rem;font-weight:600}.badge-green{background:#d1fae5;color:#065f46}.badge-yellow{background:#fef3c7;color:#92400e}.badge-red{background:#fee2e2;color:#991b1b}@media (max-width: 640px){.navbar{padding:0 1rem}.navbar-menu{display:none}.main-content{padding:1rem .75rem}}