.app-header[data-v-373d2728]{background-color:var(--color-header-footer-bg);color:var(--color-header-footer-text);padding:1rem}.header-content[data-v-373d2728]{display:flex;justify-content:space-between;align-items:center}.header-left[data-v-373d2728]{display:flex;align-items:center;gap:1rem}.logo[data-v-373d2728]{height:40px;width:auto}.app-title[data-v-373d2728]{font-size:1.5rem;font-weight:600}.header-right[data-v-373d2728]{display:flex;align-items:center;gap:1rem}.language-select[data-v-373d2728]{padding:.5rem;background-color:transparent;color:var(--color-header-footer-text);border:1px solid var(--color-header-footer-text);border-radius:4px;cursor:pointer}@media (max-width: 768px){.header-content[data-v-373d2728]{flex-direction:column}}.app-navigation[data-v-d311c475]{width:200px;background-color:#f9f9f9;border-right:1px solid #ddd;padding:0;position:relative}.hamburger[data-v-d311c475]{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:1rem;gap:.4rem}.hamburger span[data-v-d311c475]{width:25px;height:3px;background-color:#2c3e50;border-radius:2px;transition:all .3s ease}.nav-list[data-v-d311c475]{list-style:none;padding:1rem 0;max-height:100%;overflow-y:auto}.nav-list>li[data-v-d311c475]{padding:0}.nav-list>li>a.router-link[data-v-d311c475]{display:block;padding:.75rem 1.5rem;color:#2c3e50;text-decoration:none;border-left:4px solid transparent;transition:all .2s ease}.nav-list>li>a[data-v-d311c475]:hover{background-color:#e8e8e8;border-left-color:#2c3e50}.nav-list>li>a.router-link-active[data-v-d311c475]{background-color:#ddd;font-weight:600;border-left-color:#2c3e50}.nav-section[data-v-d311c475]{padding:.5rem 0;border-top:1px solid #e0e0e0}.nav-section[data-v-d311c475]:first-child{border-top:none}.nav-label[data-v-d311c475]{display:block;padding:.75rem 1.5rem;font-size:.85rem;font-weight:600;text-transform:uppercase;color:#666;letter-spacing:.5px}.nav-section>ul[data-v-d311c475]{list-style:none;padding:0;margin:0}.nav-section>ul>li[data-v-d311c475]{padding:0}.nav-section>ul>li>a[data-v-d311c475]{display:block;padding:.5rem 2rem;color:#2c3e50;text-decoration:none;font-size:.9rem;transition:all .2s ease;border-left:4px solid transparent}.nav-section>ul>li>a[data-v-d311c475]:hover{background-color:#e8e8e8;border-left-color:#2c3e50}.nav-section>ul>li>a.router-link-active[data-v-d311c475]{background-color:#ddd;font-weight:600;border-left-color:#2c3e50}.logout-link[data-v-d311c475]{display:block;padding:.5rem 2rem;color:#e74c3c;text-decoration:none;font-size:.9rem;transition:all .2s ease;border-left:4px solid transparent}.logout-link[data-v-d311c475]:hover{background-color:#ffebee;border-left-color:#e74c3c}@media (max-width: 1023px){.app-navigation[data-v-d311c475]{width:100%;border-right:none;border-bottom:1px solid #ddd}.hamburger[data-v-d311c475]{display:flex}.nav-list[data-v-d311c475]{max-height:0;overflow:hidden;transition:max-height .3s ease}.app-navigation.open .nav-list[data-v-d311c475]{max-height:1000px}}@media (max-width: 767px){.app-navigation[data-v-d311c475]{width:100%;border-right:none;border-bottom:1px solid #ddd}.hamburger[data-v-d311c475]{display:flex}.nav-list[data-v-d311c475]{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0}.app-navigation.open .nav-list[data-v-d311c475]{max-height:1000px;padding:1rem 0}.nav-list>li>a.router-link[data-v-d311c475],.nav-section>ul>li>a[data-v-d311c475]{padding-left:1rem;padding-right:1rem}.nav-label[data-v-d311c475]{padding-left:1rem;padding-right:1rem}}.app-footer[data-v-0d3b20b3]{background-color:var(--color-header-footer-bg);color:var(--color-header-footer-text);padding:1rem;text-align:center;border-top:1px solid #ddd;margin-top:auto}.footer-content[data-v-0d3b20b3]{display:flex;justify-content:space-between}#app-layout[data-v-162c3fd6]{display:flex;flex-direction:column;min-height:100vh}.app-main[data-v-162c3fd6]{display:flex;flex:1;width:100%}.app-content[data-v-162c3fd6]{flex:1;padding:2rem}@media (max-width: 768px){.app-main[data-v-162c3fd6]{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;color:#333}#app{min-height:100vh;display:flex;flex-direction:column}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-primary-light: rgba(102, 126, 234, .1);--color-danger: #dc3545;--color-danger-bg: #f8d7da;--color-danger-border: #f5c6cb;--color-success: #28a745;--color-success-bg: #d4edda;--color-success-border: #c3e6cb;--color-text-primary: #333;--color-text-secondary: #666;--color-text-light: #999;--color-border: #ddd;--color-bg: #f5f5f5;--color-bg-white: #fff;--color-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--color-header-footer-bg: #a0d278;--color-header-footer-text: #2c3e50}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:600;margin-bottom:1rem}.legal-html ul,.legal-html ol{margin-left:2rem;padding-left:1.2rem;margin-bottom:1.2rem}.legal-html ul ul,.legal-html ol ol,.legal-html ul ol,.legal-html ol ul{margin-left:1.5rem;margin-bottom:.8rem}.legal-html li{margin-bottom:.5rem;list-style-position:outside}h1{font-size:2.5rem;font-weight:700}h2{font-size:1.8rem;font-weight:600}h3{font-size:1.2rem}p{color:var(--color-text-secondary);line-height:1.6}small{display:block;color:var(--color-text-light);font-size:.8rem;margin-top:.3rem}.container{padding:2rem}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--color-background);padding:2rem}.form-container{max-width:600px;margin:0 auto;padding:2rem}.page-header p{opacity:.9}.card{background:var(--color-bg-white);border-radius:12px;box-shadow:0 4px 12px #00000026;padding:2.5rem;width:100%}.card-compact{padding:1.5rem}.form-card{max-width:400px;margin:0 auto}.form-group{margin-bottom:1.2rem}label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text-primary);font-size:.95rem}input[type=text],input[type=email],input[type=password],textarea,select{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:6px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box;font-family:inherit}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}input[type=checkbox],input[type=radio]{cursor:pointer;width:18px;height:18px;margin-right:.5rem}.checkbox-group,.radio-group{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.checkbox-label,.radio-label{display:flex;align-items:center;margin-bottom:0;cursor:pointer;font-weight:500;color:var(--color-text-primary)}textarea{resize:vertical;min-height:120px}button,.btn{padding:.85rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary,button:not([class]),button[class=""]{background-color:var(--color-primary);color:var(--color-bg-white);transition:all .3s ease}.btn-primary:hover,button:not([class]):hover,button[class=""]:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #667eea4d}.btn-secondary{background-color:#6c757d;color:var(--color-bg-white)}.btn-secondary:hover{background-color:#545b62;transform:translateY(-2px)}.btn-info{background-color:#0dcaf0;color:#000}.btn-info:hover{background-color:#31d2f2;transform:translateY(-2px)}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800;transform:translateY(-2px)}.btn-success{background-color:#198754;color:#fff}.btn-success:hover{background-color:#157347;transform:translateY(-2px)}.btn-light{background-color:#f8f9fa;color:#212529;border:1px solid #d6dbe1}.btn-light:hover{background-color:#e9ecef;transform:translateY(-2px)}.btn-danger{background-color:var(--color-danger);color:var(--color-bg-white)}.btn-danger:hover{background-color:#c82333;transform:translateY(-2px)}.btn-link{background:transparent;border:none;color:var(--color-primary);text-decoration:underline;padding:.5rem 0}.btn-link:hover{color:var(--color-primary-dark);background:transparent;text-decoration:underline;transform:none;box-shadow:none}.btn-sm{padding:.35rem .75rem;font-size:.85rem}.btn-close{background:none;border:none;font-size:28px;cursor:pointer;color:#666;line-height:1}.btn-close:hover{color:#000;transform:none;box-shadow:none}.btn-ghost{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-ghost:hover{background:var(--color-primary-light)}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}button[type=submit]{width:100%;margin-top:1.5rem}.alert .btn{margin:.5rem 0 0}.add-role-form .btn{white-space:nowrap}.error-message .btn{display:inline-block;margin-top:20px;padding:10px 20px;background-color:#2196f3;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .3s ease}.error-message .btn:hover{background-color:#1976d2}a{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color .2s ease}a:hover{color:var(--color-primary-dark);text-decoration:underline}.link-secondary{color:var(--color-text-secondary);font-weight:500}.link-secondary:hover{color:var(--color-primary)}.error,.alert-danger{color:var(--color-danger);background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border);padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.alert{padding:1rem;border-radius:6px;margin-bottom:1rem}.success,.alert-success{color:var(--color-success);background-color:var(--color-success-bg);border:1px solid var(--color-success-border);padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.info,.alert-info{color:#004085;background-color:#d1ecf1;border:1px solid #bee5eb;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.alert-error{color:var(--color-danger);background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border)}.badge{display:inline-block;padding:.35rem .65rem;border-radius:.25rem;font-size:.85rem;font-weight:600;line-height:1;white-space:nowrap;text-align:center;vertical-align:baseline}.badge-info{background-color:#d1ecf1;color:#0c5460}.badge-secondary{background-color:#e2e3e5;color:#383d41}.badge-success{background-color:#d4edda;color:#155724}.badge-danger{background-color:#f8d7da;color:#721c24}.badge-pending{background-color:#fff3e0;color:#e65100}.badge-role{background-color:#e7f3ff;color:#004085;border:1px solid #b3d9ff}.page-header{margin-bottom:2rem}.page-header h1{margin-bottom:.5rem}.page-content{padding:1rem;background:#fff;border-radius:6px;border:1px solid var(--color-border)}.view-wrapper{padding:2rem}.view-header{margin-bottom:2rem}.view-header h1{margin-bottom:.5rem}.view-content{padding:1rem;background:#fff;border-radius:6px;border:1px solid var(--color-border)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-muted{color:var(--color-text-light);font-size:.9rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}.card{padding:1.5rem}.form-container,.auth-container{padding:1rem}button,.btn{width:100%}}@media (max-width: 480px){h1{font-size:1.5rem}h2{font-size:1.2rem}.card{padding:1rem}.checkbox-group{flex-direction:column;align-items:flex-start}}