:root{--color-primary: #4a90e2;--color-primary-dark: #357abd;--color-secondary: #6c757d;--color-success: #28a745;--color-danger: #dc3545;--color-warning: #ffc107;--color-info: #17a2b8;--color-white: #ffffff;--color-black: #333333;--color-gray-dark: #6c757d;--color-gray: #adb5bd;--color-gray-light: #dee2e6;--color-background: #e8eaed;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-small: 14px;--font-size-base: 16px;--font-size-h1: 32px;--font-size-h2: 24px;--font-size-h3: 20px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--status-success-bg: #e8f5e9;--status-success-text: #2e7d32;--status-warning-bg: #fff3e0;--status-warning-text: #e65100;--status-danger-bg: #ffebee;--status-danger-text: #c62828;--status-info-bg: #e3f2fd;--status-info-text: #1565c0;--status-neutral-bg: #eceff1;--status-neutral-text: #546e7a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-black);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.page-header{background:var(--color-white);border-bottom:1px solid var(--color-gray-light);padding:var(--spacing-lg) 0;margin-bottom:var(--spacing-xl)}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.page-title{display:flex;align-items:center;gap:var(--spacing-sm);margin:0;color:var(--color-primary);font-size:var(--font-size-h2)}.page-title span:first-child{font-size:36px}.user-info{text-align:right;display:flex;flex-direction:column;gap:var(--spacing-xs)}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.back-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background);border:1px solid var(--color-gray-light);border-radius:var(--border-radius-md);text-decoration:none;color:var(--color-black);transition:all .2s ease;cursor:pointer}.back-btn:hover{background:var(--color-gray-light)}.page-title{cursor:pointer;transition:opacity .2s ease}.page-title:hover{opacity:.8}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:600;text-align:center;text-decoration:none;border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all .2s ease}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white)}.btn-secondary:hover{background-color:#5a6268;transform:translateY(-2px)}.btn-small{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-small)}.accordion{margin-bottom:var(--spacing-md)}.accordion-header{background:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--border-radius-lg);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center}.accordion-header:hover{background:var(--color-background);box-shadow:var(--shadow-sm)}.accordion-header.active{background:var(--color-white);border-bottom-left-radius:0;border-bottom-right-radius:0}.accordion-content{display:none;border:1px solid var(--color-gray-light);border-top:none;border-bottom-left-radius:var(--border-radius-lg);border-bottom-right-radius:var(--border-radius-lg);background:var(--color-white);padding:0}.accordion-content.active{display:block}.accordion-icon{margin-left:var(--spacing-md);transition:transform .2s ease;font-size:20px}.accordion-header.active .accordion-icon{transform:rotate(180deg)}.text-bold{font-weight:700}.hidden{display:none!important}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-dark)}.btn-danger{background-color:var(--color-danger);color:var(--color-white)}.btn-danger:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:var(--shadow-md)}.form-container{max-width:700px;margin:0 auto;background:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.form-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-light)}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--color-black);font-size:var(--font-size-h3)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label,.form-label{display:block;font-weight:600;color:var(--color-black);margin-bottom:var(--spacing-sm)}.form-label.required:after{content:" *";color:var(--color-danger)}.form-input,.form-select,.form-textarea,.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-light);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-family:inherit;line-height:1.6;color:var(--color-black);background-color:var(--color-white)}.form-input:focus,.form-select:focus,.form-textarea:focus,.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90e226}.form-textarea{resize:vertical;min-height:100px}.form-select[multiple]{height:150px;padding:var(--spacing-xs)}.form-select[multiple] option{padding:var(--spacing-sm);border-radius:var(--border-radius-sm)}.form-help{font-size:var(--font-size-small);color:var(--color-gray-dark);margin-top:var(--spacing-xs)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-light)}.form-actions .btn{flex:1}.error-message{background:var(--status-danger-bg);border-left:4px solid var(--color-danger);padding:var(--spacing-md);border-radius:var(--border-radius-sm);color:var(--status-danger-text);margin-bottom:var(--spacing-lg);display:none}.error-message.visible{display:block}.field-error{color:var(--color-danger);font-size:13px;margin-top:4px;display:none}.field-error.visible{display:block}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.search-box{flex:1;min-width:250px;max-width:400px}.search-box input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-light);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-family:inherit;color:var(--color-black)}.search-box input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90e226}.filters-bar{background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);display:flex;gap:var(--spacing-md);align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;flex:1;min-width:180px}.filter-group label{font-size:var(--font-size-small);font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-black)}.filter-group select,.filter-group input{padding:10px var(--spacing-md);border:1px solid var(--color-gray-light);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-family:inherit;color:var(--color-black)}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a90e226}.filter-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-gray-light);border-radius:var(--border-radius-md);background:var(--color-white);color:var(--color-black);font-size:var(--font-size-small);cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:var(--color-background)}.filter-btn-active{background:var(--color-primary)!important;color:var(--color-white)!important;border-color:var(--color-primary)!important}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);text-align:center}.stat-label{font-size:var(--font-size-small);color:var(--color-gray-dark);margin-bottom:var(--spacing-sm)}.stat-value{font-size:28px;font-weight:700;color:var(--color-black)}.stat-card.success .stat-value{color:var(--color-success)}.stat-card.danger .stat-value{color:var(--color-danger)}.stat-card.info .stat-value{color:var(--color-info)}.stat-card.warning .stat-value{color:var(--color-warning)}.modal-overlay{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal-box{background:var(--color-white);margin:5% auto;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);width:90%;max-width:600px;box-shadow:var(--shadow-lg);position:relative}.modal-box .close{position:absolute;top:var(--spacing-md);right:var(--spacing-lg);font-size:28px;color:var(--color-gray);cursor:pointer;line-height:1;background:none;border:none}.modal-box .close:hover{color:var(--color-black)}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--spacing-md);font-size:12px;font-weight:600;white-space:nowrap}.status-badge.success{background:var(--status-success-bg);color:var(--status-success-text)}.status-badge.warning{background:var(--status-warning-bg);color:var(--status-warning-text)}.status-badge.danger{background:var(--status-danger-bg);color:var(--status-danger-text)}.status-badge.info{background:var(--status-info-bg);color:var(--status-info-text)}.status-badge.neutral{background:var(--status-neutral-bg);color:var(--status-neutral-text)}.loading-state{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-dark)}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}.header-content{flex-direction:column;align-items:flex-start}.user-info{text-align:left;width:100%}.page-title span:first-child{font-size:28px}.form-container{padding:var(--spacing-lg)}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.stats-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.search-box{max-width:100%}.filters-bar{flex-direction:column}.filter-group{min-width:100%}}