*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg-base: #FFFFFF;--color-bg-subtle: #e0e0e0;--color-surface: #FFFFFF;--color-divider-subtle: #E6E8EB;--color-divider-strong: #D5DAE0;--color-text-primary: #1F2429;--color-text-secondary: #4A5561;--color-text-tertiary: #6B7480;--color-text-disabled: #9AA3AD;--color-primary: #346B9A;--color-primary-hover: #2C5B83;--color-primary-subtle: #ECF3FA;--color-on-primary: #FFFFFF;--color-btn-primary-bg: #346B9A;--color-btn-primary-hover: #2C5B83;--color-btn-primary-pressed: #234A6A;--color-btn-primary-text: #FFFFFF;--color-btn-secondary-bg: #FFFFFF;--color-btn-secondary-border: #D5DAE0;--color-btn-secondary-text: #2C5B83;--color-btn-secondary-hover-bg: #F3F7FB;--color-btn-secondary-hover-border: #346B9A;--color-btn-destructive-bg: #A53B3B;--color-btn-destructive-hover: #8A3131;--color-btn-destructive-text: #FFFFFF;--color-input-bg: #f4f4f4;--color-input-border: #D5DAE0;--color-input-border-hover: #B7C0C8;--color-input-border-focus: #346B9A;--color-input-placeholder: #9AA3AD;--color-input-text: #1F2429;--color-focus-ring: rgba(52, 107, 154, .4);--color-card-bg: #FFFFFF;--color-card-border: #E6E8EB;--color-card-shadow: rgba(16, 24, 40, .04);--flare-color: #ffaa3b;--color-table-header-bg: #f0f0f0;--color-table-header-text: #4A5561;--color-table-row-stripe: #FBFCFD;--color-table-gridlines: #E6E8EB;--sidebar-bg: #1e3a5f;--sidebar-active-border: #d4a574;--color-success: #2B6E50;--color-success-tint: #E9F3EE;--color-success-border: #BFDACB;--color-error: #A53B3B;--color-error-tint: #F9ECEC;--color-error-border: #E6BFBF;--color-warning: #8A6B2A;--color-warning-tint: #FFF6E7;--color-info: #346B9A;--color-info-tint: #ECF3FA}body{background:var(--color-bg-subtle);color:var(--color-text-primary)}.app-layout{display:flex;min-height:100vh;background-color:var(--color-bg-subtle)}.app-main{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1;padding:24px;background:linear-gradient(to top left,var(--color-divider-subtle),var(--color-text-disabled));overflow-y:auto}.sidebar{width:240px;min-width:240px;height:100vh;background-color:var(--sidebar-bg);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;overflow-y:auto}.sidebar-brand{padding:24px 20px;display:flex;align-items:center;gap:12px}.sidebar-brand-text{font-size:20px;font-weight:600;color:#fff;letter-spacing:-.02em}.sidebar-nav{padding:12px 0}.sidebar-nav-link{display:flex;align-items:center;gap:12px;padding:10px 20px;color:#fffc;font-size:14px;font-weight:500;text-decoration:none;border-radius:8px;border:1px solid transparent;margin:0 12px 4px;transition:all .2s ease}.sidebar-nav-link:hover{background-color:#ffffff1a;color:#fff}.sidebar-nav-link.active{background-color:#fff;color:var(--color-text-primary);font-weight:600;border-color:var(--sidebar-active-border)}.app-header{background-color:var(--sidebar-bg);border-bottom:1px solid rgba(255,255,255,.1);padding:0;position:sticky;top:0;z-index:50}.header-content{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;max-width:100%}.page-title{font-size:28px;font-weight:600;color:#fff;margin:0;letter-spacing:-.02em}.header-actions{display:flex;align-items:center;gap:16px}.header-search{display:flex;align-items:center;gap:10px;padding:10px 16px;background-color:var(--color-bg-base);border:1px solid var(--color-divider-subtle);border-radius:10px;min-width:280px;box-shadow:0 1px 3px #00000014}.header-search input{border:none;background:none;font-size:14px;color:var(--color-input-text);outline:none;flex:1}.header-search input::placeholder{color:var(--color-input-placeholder)}.primary-button{padding:10px 20px;background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.primary-button:hover{background:var(--color-btn-primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #346b9a33}.primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.secondary-button{padding:10px 20px;background:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text);border:1px solid var(--color-btn-secondary-border);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.secondary-button:hover{background:var(--color-btn-secondary-hover-bg);border-color:var(--color-btn-secondary-hover-border);color:var(--color-primary)}.destructive-button{padding:10px 20px;background:var(--color-btn-destructive-bg);color:var(--color-btn-destructive-text);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.destructive-button:hover{background:var(--color-btn-destructive-hover);transform:translateY(-1px);box-shadow:0 4px 8px #a53b3b33}.action-btn{padding:6px 12px;border:1px solid var(--flare-color);background:var(--flare-color);color:#000;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn:hover{background:#ffc170;border-color:#ffc170}.content-card{background-color:var(--color-card-bg);border-radius:12px;border:1px solid var(--flare-color);overflow:hidden;box-shadow:0 1px 3px #0000000d}.content-card-header{padding:20px 24px;border-bottom:1px solid var(--color-divider-subtle);display:flex;align-items:center;justify-content:space-between;background-color:var(--color-card-bg)}.content-card-body{padding:24px}.data-table{width:100%;border-collapse:collapse}.data-table thead{background-color:var(--color-table-header-bg)}.data-table th{padding:10px 14px;text-align:left;font-size:13px;font-weight:600;color:var(--color-table-header-text);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-divider-subtle)}.data-table tbody tr{border-bottom:1px solid var(--color-divider-subtle);transition:background-color .2s ease}.data-table tbody tr:hover{background-color:var(--color-bg-subtle)}.data-table td{padding:12px 14px;font-size:14px;color:var(--color-text-primary)}.data-table .cell-actions{display:flex;gap:8px;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{font-size:14px;font-weight:500;color:var(--color-text-primary)}.form-input{padding:10px 12px;border:1px solid var(--color-input-border);border-radius:6px;font-size:14px;background-color:var(--color-input-bg);color:var(--color-input-text);transition:border-color .2s}.form-input::placeholder{color:var(--color-input-placeholder)}.form-input:hover{border-color:var(--color-input-border-hover)}.form-input:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-actions{display:flex;gap:12px;margin-top:24px}select.form-input{cursor:pointer}textarea.form-input{min-height:80px;resize:vertical}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1118275c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container{background:var(--color-card-bg);border-radius:12px;border:1px solid var(--color-card-border);box-shadow:0 4px 12px #00000026;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-divider-subtle)}.modal-title{margin:0;font-size:20px;font-weight:600;color:var(--color-text-primary)}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-secondary);line-height:1;padding:0 4px}.modal-close:hover{color:var(--color-text-primary)}.modal-content{padding:24px}.success-message{background-color:var(--color-success-tint);color:var(--color-success);padding:16px;border-radius:8px;border:1px solid var(--color-success-border);font-size:14px;margin-bottom:16px}.error-message{background-color:var(--color-error-tint);color:var(--color-error);padding:16px;border-radius:8px;border:1px solid var(--color-error-border);font-size:14px;margin-bottom:16px}.info-message{background-color:var(--color-info-tint);color:var(--color-info);padding:16px;border-radius:8px;border:1px solid var(--color-info);font-size:14px;margin-bottom:16px}.content-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.content-page-header-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:linear-gradient(to top left,var(--color-divider-subtle),var(--color-text-disabled))}.login-page .login-card{max-width:400px;width:100%}@media(max-width:768px){.app-main{margin-left:0}.sidebar{transform:translate(-100%)}.content-page-header{flex-direction:column;align-items:flex-start}}