:root{--primary-color: #4a90e2;--secondary-color: #f5a623;--error-color: #d0021b;--success-color: #7ed321;--background-color: #f8f9fa;--text-color: #333;--text-secondary: #6c757d;--border-color: #dee2e6;--radius-sm: .2rem;--radius-md: .375rem;--radius-lg: .5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--primary-50: #eef6ff;--primary-100: #d9e9ff;--primary-600: #4a90e2;--primary-700: #3a75c4;--primary-800: #2a5aa6;--gray-100: #f3f4f6;--gray-300: #d1d5db;--success-500: #22c55e;--success-700: #15803d;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}body{font-family:var(--font-sans);background-color:var(--background-color);color:var(--text-color);margin:0}.app-layout{display:grid;grid-template-columns:260px 1fr;grid-template-rows:auto 1fr;height:100vh;grid-template-areas:"sidebar main" "sidebar main"}.sidebar{grid-area:sidebar;background-color:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:1rem}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding:.5rem;margin-bottom:1.5rem}.sidebar-nav{flex-grow:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);font-weight:500;color:var(--text-secondary);background:none;border:none;width:100%;text-align:left;cursor:pointer;font-size:.9rem;transition:all .2s ease-in-out}.nav-item:hover{background-color:var(--primary-50);color:var(--primary-700)}.nav-item.active{background-color:var(--primary-100);color:var(--primary-800);font-weight:600}.sidebar-footer{margin-top:auto}.user-profile{display:flex;align-items:center;gap:.75rem;padding:1rem .5rem;border-top:1px solid var(--border-color);margin-top:1rem}.user-avatar{width:36px;height:36px;border-radius:50%;background-color:var(--primary-100);color:var(--primary-700);display:flex;align-items:center;justify-content:center;font-weight:600}.main-content{grid-area:main;padding:2rem;overflow-y:auto}.mobile-header{display:none}.card{background-color:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.card-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.card-body{padding:1.5rem}.title{font-size:1.5rem;font-weight:700;margin:0}.subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:.25rem}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle}.table th{font-weight:600;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.table tbody tr:last-child td{border-bottom:none}.text-right{text-align:right}.text-center{text-align:center}.text-primary{color:var(--primary-color)}.text-error{color:var(--error-color)}.text-success{color:var(--success-color)}.badge{display:inline-block;padding:.25em .6em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--radius-sm)}.badge-primary{color:#fff;background-color:var(--primary-color)}.badge-secondary{color:#fff;background-color:var(--text-secondary)}.badge-success{color:#fff;background-color:var(--success-color)}.badge-error{color:#fff;background-color:var(--error-color)}.badge-warning{color:#000;background-color:var(--secondary-color)}.badge-default{color:var(--text-color);background-color:var(--gray-100)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;padding:.5rem 1rem;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s ease-in-out;font-size:.9rem}.button:disabled{opacity:.6;cursor:not-allowed}.button-primary{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.button-primary:hover:not(:disabled){background-color:var(--primary-700);border-color:var(--primary-700)}.button-secondary{background-color:#fff;color:var(--text-color);border-color:var(--border-color)}.button-secondary:hover:not(:disabled){background-color:var(--gray-100)}.button-danger{background-color:var(--error-color);color:#fff;border-color:var(--error-color)}.button-danger:hover:not(:disabled){opacity:.8}.button-ghost{background:none;border:none;color:var(--text-secondary)}.button-ghost:hover:not(:disabled){background-color:var(--gray-100);color:var(--text-color)}.button-sm{padding:.25rem .75rem;font-size:.8rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;font-size:.9rem}.input,.select{display:block;width:100%;padding:.75rem 1rem;font-size:1rem;line-height:1.5;color:var(--text-color);background-color:#fff;background-clip:padding-box;border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus,.select:focus{border-color:var(--primary-color);outline:0;box-shadow:0 0 0 .2rem #4a90e240}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:500px;animation:modal-fade-in .3s}@keyframes modal-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;display:flex;justify-content:flex-end;gap:.5rem;border-top:1px solid var(--border-color)}.toast-container{position:fixed;top:1rem;right:1rem;z-index:2000;display:flex;flex-direction:column;gap:.5rem}.toast{display:flex;align-items:center;gap:.75rem;min-width:300px;background:#fff;padding:1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);animation:toast-slide-in .3s}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mb-4{margin-bottom:1rem}.spinner{border:2px solid #fff;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.app-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"header" "main"}.sidebar{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:100;width:260px}.sidebar.open{transform:translate(0)}.mobile-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:#fff;border-bottom:1px solid var(--border-color)}.main-content{padding:1rem}}