@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #4b5d92;--primary-hover: #3a4a7a;--primary-soft: rgba(75, 93, 146, .1);--primary-glow: rgba(75, 93, 146, .25);--secondary: #64748b;--secondary-hover: #475569;--bg-main: #fcfcfc;--bg-card: #ffffff;--bg-input: #f9fafb;--text-main: #1e293b;--text-muted: #64748b;--text-inverse: #ffffff;--border-light: #f1f5f9;--border-subtle: #e2e8f0;--error: #dc2626;--success: #059669;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--radius-md: 12px;--radius-xl: 30px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-stitch: 0 30px 60px -12px rgba(75, 93, 146, .15)}[data-theme=dark]{--bg-main: #0f172a;--bg-card: #1e293b;--bg-input: #334155;--text-main: #f8fafc;--text-muted: #94a3b8;--border-light: #1e293b;--border-subtle: #334155;--primary-soft: rgba(75, 93, 146, .2);--shadow-stitch: 0 30px 60px -12px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Outfit,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-main);transition:background-color .3s ease,color .3s ease;line-height:1.6}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{height:64px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-card);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100}.logo{height:32px;width:auto;object-fit:contain}.main-content{flex:1;display:flex;flex-direction:column;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.login-page{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;width:100%}.btn-edit{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-card);cursor:pointer;font-weight:600;font-size:.8rem;color:var(--primary)!important;transition:all .2s ease}.btn-edit:hover{background:var(--primary-soft);border-color:var(--primary)}.glass-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);padding:3rem;box-shadow:var(--shadow-stitch);width:100%;max-width:500px;animation:fadeIn .5s ease}.btn-primary{background-color:var(--primary);color:var(--text-inverse);padding:.875rem 1.5rem;border-radius:var(--radius-md);font-weight:700;border:none;cursor:pointer;transition:all .2s ease;width:100%}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-input);color:var(--text-main);padding:.875rem 1.5rem;border-radius:var(--radius-md);font-weight:600;border:1px solid var(--border-subtle);cursor:pointer;width:100%}.form-group{margin-bottom:1.25rem}.label{display:block;font-size:.875rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}.input-field{width:100%;padding:.875rem 1rem;background-color:#fff!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-md)!important;color:#1e293b!important;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none!important}input.input-field,textarea.input-field{background-image:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important}select.input-field{cursor:pointer;padding-right:2.5rem!important;font-size:.9rem!important;font-weight:500!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%234b5d92'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 1rem center!important;background-size:1.25em!important}.input-field:focus{outline:none;border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)!important}.status-message{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;margin-bottom:1rem;text-align:center}.status-message.error{background:rgba(220,38,38,.1);color:var(--error);border:1px solid var(--error)}.status-message.success{background:rgba(16,185,129,.1);color:var(--success);border:1px solid var(--success)}.table-container{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);overflow:hidden;box-shadow:var(--shadow-stitch);margin-top:1rem}table{width:100%;border-collapse:collapse;text-align:left}th{background:var(--bg-input);padding:1.25rem 1.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--text-muted);border-bottom:2px solid var(--border-light)}td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light);font-size:.9375rem}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--primary-soft)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600}.badge-blue{background:rgba(75,93,146,.1);color:var(--primary)}.badge-green{background:rgba(5,150,105,.1);color:var(--success)}.badge-red{background:rgba(220,38,38,.1);color:var(--error)}.badge-slate{background:rgba(100,116,139,.1);color:var(--secondary)}.tab-group{display:flex;background:var(--bg-input);padding:.4rem;border-radius:12px;gap:.25rem}.tab-btn{padding:.6rem 1.25rem;border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:.875rem;border-radius:8px;cursor:pointer;transition:all .2s}.tab-btn.active{background:var(--bg-card);color:var(--primary);box-shadow:var(--shadow-sm)}.btn-danger{background:transparent;color:var(--error);border:1.5px solid var(--error);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;width:auto}.btn-danger:hover{background:var(--error);color:#fff}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:var(--bg-card);border-radius:var(--radius-xl);padding:3rem;width:100%;max-width:600px;box-shadow:0 40px 100px -20px #0000004d;animation:modalIn .4s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--text-main);padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--bg-input)}@media (max-width: 768px){:root{--space-6: 1rem;--space-8: 1.5rem;--radius-xl: 20px}.main-content{padding:1rem}.glass-card{padding:1.5rem}.modal-content{padding:1.5rem;margin:1rem;max-height:90vh;overflow-y:auto}.app-header{padding:0 1rem}th,td{padding:1rem .75rem;font-size:.8rem}.table-container{margin-top:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-group{width:100%;justify-content:center}.tab-btn{padding:.5rem .75rem;font-size:.75rem;flex:1;text-align:center}.flex-stack-mobile{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}}@media (max-width: 480px){.login-page{padding:1rem}.glass-card{padding:1.25rem}h1{font-size:1.25rem!important}}.user-menu-container{position:relative;display:inline-block}.user-menu-trigger{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.6rem 1.25rem!important;border-radius:var(--radius-lg)!important;background:var(--bg-card)!important;border:1px solid var(--border-subtle)!important;color:var(--text-main)!important;font-weight:700!important;font-size:.875rem!important;cursor:pointer!important;transition:all .2s ease!important;min-width:180px!important;justify-content:space-between!important}.user-menu-trigger span{display:inline-block!important;white-space:nowrap!important;color:var(--text-main)!important}.user-menu-trigger:hover{background:var(--primary-soft);border-color:var(--primary)}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:220px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:.5rem;z-index:1000;animation:slideDownIn .2s ease-out}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-main);font-size:.875rem;font-weight:600;text-align:left;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.user-menu-item:hover{background:var(--primary-soft);color:var(--primary)}.user-menu-item.danger:hover{background:var(--error-light);color:var(--error)}.user-menu-divider{height:1px;background:var(--border-subtle);margin:.5rem 0}.fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}