.navbar{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-lg) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding:0 var(--space-lg)}.navbar-brand{flex-shrink:0}.navbar-brand h1{color:var(--color-text-primary);cursor:pointer;font-size:20px;font-weight:var(--fw-bold);letter-spacing:-.3px;margin:0;transition:color var(--transition-fast) var(--ease-out)}.navbar-brand h1:hover{color:var(--color-primary)}.navbar-menu{flex:1 1;justify-content:center}.navbar-menu,.navbar-menu ul{align-items:center;display:flex}.navbar-menu ul{gap:var(--space-xl);list-style:none;margin:0;padding:0}.navbar-menu a{color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--fw-medium);padding-bottom:4px;position:relative;text-decoration:none;transition:color var(--transition-fast) var(--ease-out)}.navbar-menu a:hover{color:var(--color-primary)}.navbar-menu a:after{background-color:var(--color-primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-fast) var(--ease-out);width:0}.navbar-menu a:hover:after{width:100%}.navbar-auth{align-items:center;display:flex;flex-shrink:0;gap:var(--space-lg)}.btn-logout{background-color:var(--color-error);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:var(--font-size-body);font-weight:var(--fw-semibold);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast) var(--ease-out)}.btn-logout:hover{background-color:#e63929;box-shadow:var(--shadow-md)}.btn-logout:active{background-color:#cc3229}@media (max-width:768px){.navbar{padding:var(--space-md) 0}.navbar-container{flex-wrap:wrap;gap:var(--space-lg);padding:0 var(--space-md)}.navbar-brand h1{font-size:18px}.navbar-menu ul{font-size:14px;gap:var(--space-lg)}.btn-logout{font-size:var(--font-size-body-sm);padding:var(--space-sm) var(--space-md)}}@media (max-width:640px){.navbar-menu ul{gap:var(--space-md)}.navbar-menu a{font-size:var(--font-size-body-sm)}}.auth-container{align-items:center;background:linear-gradient(135deg,var(--color-primary-light) 0,#0066cc0d 100%);display:flex;justify-content:center;min-height:calc(100vh - 64px);padding:var(--space-lg)}.auth-form{animation:slideUpIn .3s var(--ease-out);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:420px;padding:var(--space-2xl);width:100%}.auth-form h2{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--fw-bold);text-align:center}.auth-form .form-group,.auth-form h2{margin-bottom:var(--space-xl)}.auth-form label{color:var(--color-text-primary);display:block;font-size:var(--font-size-body-sm);font-weight:var(--fw-semibold);margin-bottom:var(--space-sm)}.auth-form input,.auth-form textarea{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-body);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast) var(--ease-out);width:100%}.auth-form input:hover,.auth-form textarea:hover{border-color:var(--color-text-secondary)}.auth-form input:focus,.auth-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0066cc1a;outline:none}.auth-form input:disabled,.auth-form textarea:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-tertiary);cursor:not-allowed}.btn-submit{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;font-size:var(--font-size-body);font-weight:var(--fw-semibold);padding:var(--space-lg) var(--space-md);transition:all var(--transition-fast) var(--ease-out)}.btn-submit:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-submit:active:not(:disabled){background-color:#002e7a}.success-message{color:#2d9a4a}.auth-form p{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin-top:var(--space-xl);text-align:center}.auth-form a{color:var(--color-primary);font-weight:var(--fw-semibold);text-decoration:none;transition:color var(--transition-fast) var(--ease-out)}.auth-form a:hover{color:var(--color-primary-dark)}@media (max-width:768px){.auth-container{min-height:calc(100vh - 60px);padding:var(--space-md)}.auth-form{max-width:100%;padding:var(--space-xl)}.auth-form h2{font-size:var(--font-size-h3)}}@media (max-width:640px){.auth-form{padding:var(--space-lg)}.btn-submit{padding:var(--space-md)}}.home-container{min-height:calc(100vh - 64px);padding:0}.welcome-section{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:var(--space-3xl) var(--space-xl);text-align:center}.welcome-section h1{font-size:40px;font-weight:var(--fw-bold);letter-spacing:-.5px;line-height:1.2;margin-bottom:var(--space-lg)}.welcome-section p{font-size:18px;font-weight:var(--fw-medium);line-height:1.5;margin-bottom:var(--space-2xl);max-width:600px;opacity:.95}.cta-buttons{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:center}.btn-cta{border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);cursor:pointer;font-size:16px;font-weight:var(--fw-semibold);padding:var(--space-lg) var(--space-2xl);transition:all var(--transition-base) var(--ease-out)}.btn-login{background-color:#fff;color:var(--color-primary)}.btn-login:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-2px)}.btn-register{background-color:initial;border:2px solid #fff;color:#fff}.btn-register:hover{background-color:#fff;box-shadow:0 12px 24px #00000026;color:var(--color-primary);transform:translateY(-2px)}.features-section{margin:0 auto;max-width:1280px;padding:var(--space-3xl) var(--space-xl)}.features-section h2{color:var(--color-text-primary);font-size:var(--font-size-h1);margin-bottom:var(--space-3xl);text-align:center}.features-grid{grid-gap:var(--space-2xl);display:grid;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-2xl);text-align:center;transition:all var(--transition-base) var(--ease-out)}.feature-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card h3{color:var(--color-text-primary);font-size:var(--font-size-h3);margin-bottom:var(--space-lg)}.feature-card p{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0}.dashboard-header{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff;margin-bottom:var(--space-2xl);padding:var(--space-2xl);text-align:center}.dashboard-header h1{font-size:var(--font-size-h1);font-weight:var(--fw-bold);margin-bottom:var(--space-sm)}.dashboard-header p{font-size:var(--font-size-body-lg);margin:0;opacity:.9}.dashboard-actions{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto var(--space-2xl);max-width:1280px;padding:0 var(--space-xl)}.action-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;padding:var(--space-xl);text-align:center;transition:all var(--transition-base) var(--ease-out)}.action-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.action-card h3{color:var(--color-primary);font-size:var(--font-size-h4);font-weight:var(--fw-semibold);margin-bottom:var(--space-sm)}.action-card p{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-normal);margin:0}.quick-info{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:var(--space-xl) auto;max-width:1280px;padding:var(--space-2xl)}.quick-info h2{color:var(--color-text-primary);font-size:var(--font-size-h2);margin-bottom:var(--space-xl)}.quick-info ol{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0;padding-left:var(--space-xl)}.quick-info li{font-size:var(--font-size-body);margin-bottom:var(--space-lg)}@media (max-width:768px){.welcome-section{min-height:300px;padding:var(--space-2xl) var(--space-lg)}.welcome-section h1{font-size:28px}.welcome-section p{font-size:16px}.features-grid{gap:var(--space-lg);grid-template-columns:1fr}.dashboard-actions{grid-template-columns:1fr;padding:0 var(--space-lg)}.features-section{padding:var(--space-2xl) var(--space-lg)}.quick-info{margin:var(--space-lg) var(--space-lg);padding:var(--space-xl)}}@media (max-width:640px){.welcome-section h1{font-size:24px}.btn-cta{font-size:14px;padding:var(--space-md) var(--space-lg);width:100%}.cta-buttons{flex-direction:column}}.page-container{margin:0 auto;max-width:1280px;padding:var(--space-2xl) var(--space-lg)}.page-header{gap:var(--space-lg);margin-bottom:var(--space-2xl)}.page-header h2{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--fw-semibold)}.btn-back,.btn-cancel,.btn-delete,.btn-primary,.btn-small,.btn-submit,.btn-view{border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;font-size:var(--font-size-body);font-weight:var(--fw-semibold);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast) var(--ease-out)}.btn-back{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-back:hover{background-color:var(--color-bg-tertiary)}.btn-submit{background-color:var(--color-success)}.btn-submit:hover:not(:disabled){background-color:#32b550;box-shadow:var(--shadow-md)}.btn-submit:disabled{opacity:.5}.btn-cancel{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-cancel:hover{background-color:var(--color-bg-tertiary)}.btn-small{background-color:var(--color-primary);font-size:var(--font-size-body-sm);margin-right:var(--space-sm);padding:var(--space-sm) var(--space-md)}.btn-small:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-view{background-color:var(--color-primary);padding:var(--space-lg)}.btn-view:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-delete{background-color:var(--color-error)}.btn-delete:hover:not(:disabled){background-color:#e63929;box-shadow:var(--shadow-md)}.arisans-grid{grid-gap:var(--space-xl);gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.arisan-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base) var(--ease-out)}.arisan-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-header{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);gap:var(--space-lg);padding:var(--space-xl)}.card-header h3{font-size:var(--font-size-h4);font-weight:var(--fw-semibold)}.card-body{padding:var(--space-xl)}.description{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-lg)}.card-info{gap:var(--space-lg)}.info-item{border-bottom:1px solid var(--color-border);padding:var(--space-md) 0}.info-item:last-child{border-bottom:none}.info-item .label{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--fw-semibold)}.info-item .value{color:var(--color-primary);font-weight:var(--fw-semibold);text-align:right}.card-footer{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-lg) var(--space-xl)}.empty-state{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-3xl)}.empty-state p{color:var(--color-text-secondary);font-size:var(--font-size-body-lg);margin-bottom:var(--space-xl)}.arisan-form{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-2xl)}.form-row{margin-bottom:var(--space-xl)}.form-group input,.form-group textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-body);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast) var(--ease-out)}.form-group input:hover,.form-group textarea:hover{border-color:var(--color-text-secondary)}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0066cc1a}.members-list{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg)}.member-checkbox{padding:var(--space-md) 0;transition:background-color var(--transition-fast) var(--ease-out)}.member-checkbox:hover{background-color:var(--color-bg-secondary)}.member-checkbox input{height:18px;margin-right:var(--space-lg);width:18px}.member-checkbox span{color:var(--color-text-primary)}.helper-text{font-size:.9rem;font-style:italic}.helper-text,.info-message{color:var(--color-text-secondary);margin:.5rem 0}.info-message{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);padding:1rem}.tabs{border-bottom:2px solid var(--color-border);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.tab{color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--fw-medium);padding:var(--space-lg) 0;position:relative;transition:all var(--transition-fast) var(--ease-out)}.tab:hover{color:var(--color-text-primary)}.tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary)}.tab-content{animation:fadeIn .2s var(--ease-out);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-2xl)}.arisan-info{gap:var(--space-2xl)}.info-grid{grid-gap:var(--space-lg);gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.info-card{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-xl)}.info-card h4{font-size:var(--font-size-body-sm);font-weight:var(--fw-medium);margin:0 0 var(--space-sm) 0}.info-card p{font-size:28px;font-weight:var(--fw-bold);line-height:1.2}.description{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.description h4{color:var(--color-text-primary);font-size:var(--font-size-h4);margin:0 0 var(--space-lg) 0}.description p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.status,.type{border-radius:var(--radius-full);display:inline-block;font-size:var(--font-size-caption);font-weight:var(--fw-semibold);letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status.active,.type.contribution{background-color:#34c75926;color:var(--color-success)}.status.completed{background-color:#0066cc26;color:var(--color-primary)}.status.overdue,.status.pending,.status.suspended{background-color:#ff950026;color:var(--color-warning)}.status.paid{background-color:#34c75926;color:var(--color-success)}.status.distribution{background-color:#0066cc26;color:var(--color-primary)}.type.distribution{background-color:#34c75926;color:var(--color-success)}.members-table,.transactions-table{background:var(--color-bg-primary)}.members-table th,.transactions-table th{background-color:var(--color-bg-secondary);border-bottom:2px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--fw-semibold);padding:var(--space-lg)}.members-table td,.transactions-table td{border-bottom:1px solid var(--color-border);font-size:var(--font-size-body);padding:var(--space-lg)}.members-table tr:hover,.transactions-table tr:hover{background-color:var(--color-bg-secondary)}.members-table td:last-child,.transactions-table td:last-child{white-space:nowrap}@media (max-width:768px){.page-container{padding:var(--space-xl) var(--space-lg)}.page-header{align-items:stretch;flex-direction:column}.arisans-grid,.form-row{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,1fr)}.members-table,.transactions-table{font-size:var(--font-size-body-sm)}.btn-small{font-size:var(--font-size-caption);padding:var(--space-sm) var(--space-md)}.tabs{gap:var(--space-md)}.tab{font-size:var(--font-size-body-sm);padding:var(--space-md) 0}}@media (max-width:640px){.page-container{padding:var(--space-lg)}.info-grid{grid-template-columns:1fr}.card-header,.form-actions{flex-direction:column}.form-actions button{width:100%}}.page-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.page-header h2{color:#2c3e50;margin:0}.btn-back,.btn-cancel,.btn-primary,.btn-small,.btn-submit,.btn-view{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-primary{background-color:#667eea}.btn-primary:hover{background-color:#5568d3}.btn-back{background-color:#95a5a6;color:#fff}.btn-back:hover{background-color:#7f8c8d}.btn-submit{background-color:#27ae60;color:#fff;width:100%}.btn-submit:hover:not(:disabled){background-color:#229954}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background-color:#95a5a6;color:#fff}.btn-cancel:hover{background-color:#7f8c8d}.btn-small{background-color:#3498db;color:#fff;font-size:.85rem;margin-right:.5rem;padding:.5rem 1rem}.btn-small:hover{background-color:#2980b9}.btn-view{background-color:#667eea;color:#fff;text-align:center;width:100%}.btn-view:hover{background-color:#5568d3}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-bottom:1rem;padding:1rem}.arisans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.arisan-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s,box-shadow .3s}.arisan-card:hover{box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.card-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem}.card-header h3{flex:1 1;margin:0}.card-body{flex:1 1;padding:1.5rem}.description{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.card-info{display:flex;flex-direction:column;gap:.75rem}.info-item{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.5rem 0}.info-item .label{color:#2c3e50;font-size:.9rem;font-weight:600}.info-item .value{color:#667eea;font-weight:600}.card-footer{border-top:1px solid #eee;padding:1rem 1.5rem}.empty-state{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:3rem;text-align:center}.empty-state p{color:#666;font-size:1.1rem;margin-bottom:1.5rem}.arisan-form{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:600px;padding:2rem}.form-group,.form-row{margin-bottom:1.5rem}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.form-group label{color:#2c3e50;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.members-list{border:1px solid #ddd;border-radius:4px;max-height:300px;overflow-y:auto;padding:1rem}.member-checkbox{align-items:center;cursor:pointer;display:flex;padding:.5rem 0}.member-checkbox input{cursor:pointer;margin-right:.75rem}.member-checkbox span{color:#2c3e50}.form-actions{gap:1rem;margin-top:2rem}.tabs{border-bottom:2px solid #eee;display:flex;gap:1rem;margin-bottom:2rem}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s}.tab:hover{color:#2c3e50}.tab.active{border-bottom-color:#667eea;color:#667eea}.tab-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.arisan-info{display:flex;flex-direction:column;gap:2rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.info-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;padding:1.5rem;text-align:center}.info-card h4{font-size:.9rem;margin:0 0 .5rem;opacity:.9}.info-card p{font-size:1.5rem;font-weight:700;margin:0}.description{background:#f8f9fa;border-radius:8px;padding:1.5rem}.description h4{color:#2c3e50;margin:0 0 1rem}.description p{color:#666;line-height:1.6;margin:0}.status{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.status.active{background-color:#d4edda;color:#155724}.status.completed{background-color:#cce5ff;color:#004085}.status.suspended{background-color:#fff3cd;color:#856404}.status.paid{background-color:#d4edda;color:#155724}.status.pending{background-color:#fff3cd;color:#856404}.status.overdue{background-color:#f8d7da;color:#721c24}.status.contribution{background-color:#d1ecf1;color:#0c5460}.status.distribution{background-color:#d4edda;color:#155724}.type{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.type.contribution{background-color:#d1ecf1;color:#0c5460}.type.distribution{background-color:#d4edda;color:#155724}.members-section,.transactions-section{overflow-x:auto}.members-table,.transactions-table{border-collapse:collapse;width:100%}.members-table th,.transactions-table th{background-color:#f8f9fa;border-bottom:2px solid #ddd;color:#2c3e50;font-weight:600;padding:1rem;text-align:left}.members-table td,.transactions-table td{border-bottom:1px solid #ddd;padding:1rem}.members-table tr:hover,.transactions-table tr:hover{background-color:#f8f9fa}.members-table td:last-child{white-space:nowrap}@media (max-width:768px){.page-container{padding:1rem}.page-header{align-items:stretch;flex-direction:column}.arisans-grid,.form-row{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,1fr)}.members-table,.transactions-table{font-size:.9rem}.btn-small{font-size:.75rem;padding:.4rem .8rem}}.modal-overlay{animation:fadeIn .3s ease-out;background-color:#000000b3}.draw-modal{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:2rem;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.draw-result{text-align:center}.confetti{animation:bounce .6s ease-in-out;font-size:4rem;margin-bottom:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.draw-result h2{color:#007aff;font-size:2rem;font-weight:600;margin-bottom:1.5rem}.winner-info{background:linear-gradient(135deg,#007aff,#0051d5);border-radius:12px;box-shadow:0 8px 20px #007aff4d;color:#fff;margin:1.5rem 0;padding:2rem}.winner-info h3{font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.winner-email{font-size:.95rem;margin:0;opacity:.95}.draw-details{margin:1.5rem 0}.round-info{color:#666;font-size:1.1rem;margin-bottom:1rem}.amount-info{color:#333;font-size:1.3rem;margin:0}.amount-info strong{color:#007aff;font-weight:700}.recipients-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:2rem;padding:1.5rem}.recipients-section h4{color:#333;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.recipients-table{border-collapse:collapse;width:100%}.recipients-table th{background-color:#f8f9fa;border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:.75rem;text-align:left}.recipients-table td{border-bottom:1px solid #eee;color:#666;padding:.75rem}.recipients-table tr:hover{background-color:#f8f9fa}.recipients-table .form-input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.5rem;width:100%}.recipients-table .action-buttons{display:flex;gap:.5rem;justify-content:center}.btn-icon{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:1.2rem;justify-content:center;min-height:32px;min-width:32px;padding:.5rem;transition:all .2s ease}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.btn-edit{color:#3498db}.btn-edit:hover:not(:disabled){background-color:#3498db1a}.btn-delete-small{color:#e74c3c}.btn-delete-small:hover:not(:disabled){background-color:#e74c3c1a}.btn-save{color:#27ae60;font-weight:700}.btn-save:hover:not(:disabled){background-color:#27ae601a}.btn-cancel{color:#95a5a6;font-weight:700}.btn-cancel:hover:not(:disabled){background-color:#95a5a61a}.header-actions{align-items:center;display:flex;gap:1rem}.roulette-modal{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:2rem;width:90%}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.btn-secondary{background-color:#95a5a6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.btn-secondary:hover:not(:disabled){background-color:#7f8c8d}.btn-danger{background-color:#e74c3c}.btn-danger:hover:not(:disabled){background-color:#c0392b}.modal-content{animation:slideUp .4s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:2rem}.modal-content h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.form-control{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .3s;width:100%}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-actions{gap:1rem;margin-top:1.5rem}.modal-actions button{flex:1 1}.alert{border-radius:4px;margin-bottom:1rem;margin-top:1rem;padding:1rem}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.danger-zone{background:#fff5f5;border:2px solid #feb2b2;border-radius:var(--radius-lg);margin-top:var(--space-2xl);padding:var(--space-xl)}.danger-zone h4{color:#c53030;font-size:var(--font-size-h4);margin:0 0 var(--space-md) 0}.danger-zone p{color:#742a2a;line-height:var(--line-height-relaxed);margin:0 0 var(--space-lg) 0}.btn-delete{background-color:#e53e3e;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-body);font-weight:var(--fw-semibold);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast) var(--ease-out)}.btn-delete:hover:not(:disabled){background-color:#c53030}.btn-delete:disabled{cursor:not-allowed;opacity:.5}.roulette-container{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:center;margin:0 auto;max-width:700px;min-height:600px;padding:2rem}.roulette-pointer{animation:pointerBounce 1s ease-in-out infinite;color:#e74c3c;filter:drop-shadow(0 8px 16px rgba(231,76,60,.6));font-size:4rem;margin-bottom:-2rem;z-index:10}@keyframes pointerBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.wheel-wrapper{align-items:center;display:flex;height:500px;justify-content:center;position:relative;width:500px}.roulette-canvas{filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));max-height:100%;max-width:100%}.roulette-canvas.spinning{transform-origin:center center}.wheel-center-emoji{filter:drop-shadow(0 4px 8px rgba(0,0,0,.5));font-size:3rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}.winner-announcement{animation:celebrate .6s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 60px #667eea66;margin-top:2rem;min-width:300px;padding:2rem;text-align:center}.winner-announcement h3{color:#fff;font-size:2rem;font-weight:700;margin:0 0 1rem;text-shadow:0 4px 8px #0000004d}.winner-announcement .winner-name{animation:glow 1.5s ease-in-out infinite alternate;color:gold;font-size:2.5rem;font-weight:800;margin:0;text-shadow:0 0 20px #ffd700cc,0 4px 12px #0006}@keyframes celebrate{0%{opacity:0;transform:scale(.8) translateY(20px)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes glow{0%{text-shadow:0 0 20px #ffd700cc,0 4px 12px #0006}to{text-shadow:0 0 35px gold,0 0 50px #ffd70099,0 4px 12px #0006}}@media (max-width:768px){.roulette-container{min-height:500px;padding:1rem}.roulette-canvas,.wheel-wrapper{height:400px;width:400px}.roulette-pointer{font-size:3rem}.wheel-center-emoji{font-size:2.5rem}.winner-announcement{min-width:250px;padding:1.5rem}.winner-announcement h3{font-size:1.5rem}.winner-announcement .winner-name{font-size:2rem}}@media (max-width:480px){.roulette-canvas,.wheel-wrapper{height:300px;width:300px}.roulette-pointer{font-size:2.5rem}.wheel-center-emoji{font-size:2rem}.winner-announcement{min-width:200px;padding:1rem}.winner-announcement h3{font-size:1.2rem}.winner-announcement .winner-name{font-size:1.5rem}}.transaction-container{margin:0 auto;max-width:500px;padding:var(--space-xl)}.transaction-form{animation:slideUpIn .3s var(--ease-out);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-2xl)}.transaction-form h2{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--fw-semibold);margin:0 0 var(--space-2xl) 0}.form-group label{display:block;margin-bottom:var(--space-sm)}.form-group input,.form-group select,.form-group textarea{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-body);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast) var(--ease-out);width:100%}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--color-text-secondary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0066cc1a;outline:none}.amount-input{align-items:center;display:flex;position:relative}.amount-input .currency{color:var(--color-text-secondary);font-size:16px;font-weight:var(--fw-semibold);left:var(--space-lg);pointer-events:none;position:absolute}.amount-input input{padding-left:40px!important}.form-actions button{border:none;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-weight:var(--fw-semibold);padding:var(--space-lg) var(--space-md);transition:all var(--transition-fast) var(--ease-out)}.form-actions .btn-submit{background-color:var(--color-primary);box-shadow:var(--shadow-sm);color:#fff}.form-actions .btn-submit:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.form-actions .btn-cancel{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary)}.form-actions .btn-cancel:hover{background-color:var(--color-bg-tertiary)}.error-message{animation:slideDownIn .2s var(--ease-out);background-color:#ff3b301a;border:1px solid #ff3b3033;border-radius:var(--radius-md);color:#cc3229;font-size:var(--font-size-body-sm);margin-bottom:var(--space-xl);padding:var(--space-lg)}@media (max-width:768px){.transaction-container{padding:var(--space-lg)}.transaction-form{padding:var(--space-xl)}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (max-width:640px){.transaction-container{padding:var(--space-md)}.transaction-form{border-radius:var(--radius-md);padding:var(--space-lg)}.form-group input{padding:var(--space-md) var(--space-lg)}.amount-input .currency{left:var(--space-md)}}@media (max-width:600px){.transaction-container{padding:0}.transaction-form{border-radius:0}}.profile-container{margin:0 auto;max-width:600px;padding:var(--space-xl)}.profile-card{animation:slideUpIn .3s var(--ease-out);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-2xl)}.profile-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-2xl);margin-bottom:var(--space-2xl);padding-bottom:var(--space-2xl)}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:50%;box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:36px;font-weight:var(--fw-bold);height:90px;justify-content:center;width:90px}.profile-basic h3{color:var(--color-text-primary);font-size:var(--font-size-h4);font-weight:var(--fw-semibold);margin:0 0 var(--space-sm) 0}.profile-basic p{color:var(--color-text-secondary);margin:0}.profile-basic p,.success-message{font-size:var(--font-size-body-sm)}.success-message{animation:slideDownIn .2s var(--ease-out);background-color:#34c7591a;border:1px solid #34c75933;border-radius:var(--radius-md);color:var(--color-success);margin-bottom:var(--space-xl);padding:var(--space-lg)}.profile-form{margin-bottom:var(--space-2xl)}.profile-form .form-group{margin-bottom:var(--space-xl)}.profile-form label{color:var(--color-text-primary);display:block;font-size:var(--font-size-body-sm);font-weight:var(--fw-semibold);margin-bottom:var(--space-sm)}.profile-form input,.profile-form textarea{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-body);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast) var(--ease-out);width:100%}.profile-form input:hover,.profile-form textarea:hover{border-color:var(--color-text-secondary)}.profile-form input:disabled{background-color:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed}.profile-form input:focus,.profile-form textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0066cc1a;outline:none}.form-actions{display:flex;gap:var(--space-lg);margin-top:var(--space-2xl)}.btn-save{background-color:var(--color-success);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;flex:1 1;font-size:var(--font-size-body);font-weight:var(--fw-semibold);padding:var(--space-lg) var(--space-xl);transition:all var(--transition-fast) var(--ease-out)}.btn-save:hover:not(:disabled){background-color:#32b550;box-shadow:var(--shadow-md)}.btn-save:disabled{cursor:not-allowed;opacity:.5}.profile-footer{border-top:1px solid var(--color-border);padding-top:var(--space-2xl)}.btn-logout-large{background-color:var(--color-error);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:var(--font-size-body);font-weight:var(--fw-semibold);padding:var(--space-lg) var(--space-xl);transition:all var(--transition-fast) var(--ease-out);width:100%}.btn-logout-large:hover{background-color:#e63929;box-shadow:var(--shadow-md)}@media (max-width:768px){.profile-card{padding:var(--space-xl)}.profile-header{gap:var(--space-xl);text-align:center}.form-actions,.profile-header{flex-direction:column}.btn-save{width:100%}}@media (max-width:640px){.profile-card,.profile-container{padding:var(--space-lg)}.profile-avatar{font-size:32px;height:80px;width:80px}}@media (max-width:600px){.profile-card{padding:1.5rem}.profile-header{flex-direction:column;gap:1rem;text-align:center}}.admin-users-container{margin:0 auto;max-width:1400px;padding:var(--space-xl)}.admin-users-container h2{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--fw-bold);margin-bottom:var(--space-2xl);margin-top:var(--space-xl)}.alert{animation:slideDownIn .3s var(--ease-out);border-radius:var(--radius-md);font-size:var(--font-size-body);margin-bottom:var(--space-lg);padding:var(--space-lg)}.alert-error{background-color:#ff3b301a;border:1px solid var(--color-error);color:var(--color-error)}.alert-success{background-color:#34c7591a;border:1px solid var(--color-success);color:var(--color-success)}.filters-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-2xl);padding:var(--space-lg)}.search-box{display:flex}.search-input{border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1 1;font-size:var(--font-size-body);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast) var(--ease-out)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0066cc1a;outline:none}.filter-controls{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.filter-select{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-body);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast) var(--ease-out)}.filter-select:focus,.filter-select:hover{border-color:var(--color-primary)}.filter-select:focus{box-shadow:0 0 0 3px #0066cc1a;outline:none}.users-table-wrapper{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-xl);overflow-x:auto}.users-table{border-collapse:collapse;font-size:var(--font-size-body-sm);width:100%}.users-table thead{background-color:var(--color-bg-secondary);border-bottom:2px solid var(--color-border)}.users-table th{color:var(--color-text-primary);font-weight:var(--fw-semibold);padding:var(--space-lg);text-align:left;white-space:nowrap}.users-table tbody tr{border-bottom:1px solid var(--color-border);transition:all var(--transition-fast) var(--ease-out)}.users-table tbody tr:hover{background-color:var(--color-bg-secondary)}.users-table tbody tr.inactive{opacity:.6}.users-table td{color:var(--color-text-primary);padding:var(--space-lg)}.user-name{font-weight:var(--fw-semibold)}.user-email{font-family:Monaco,Courier New,monospace;font-size:12px}.user-email,.user-phone{color:var(--color-text-secondary)}.user-date{color:var(--color-text-tertiary);font-size:12px}.user-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-body-sm);font-weight:var(--fw-semibold);gap:4px;justify-content:center;padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast) var(--ease-out);white-space:nowrap}.btn-sm{font-size:12px;padding:6px 12px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background-color:var(--color-primary);box-shadow:var(--shadow-sm);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-text-secondary)}.btn-warning{background-color:var(--color-warning);color:#fff}.btn-warning:hover:not(:disabled){background-color:#eb8500;box-shadow:var(--shadow-md)}.btn-info{background-color:#00b4d8;color:#fff}.btn-info:hover:not(:disabled){background-color:#0099b8;box-shadow:var(--shadow-md)}.badge{font-size:11px}.badge-role{width:-webkit-fit-content;width:fit-content}.badge-admin{background-color:#0066cc26;color:var(--color-primary)}.badge-user{background-color:#a1a1a626;color:var(--color-text-secondary)}.badge-status{width:-webkit-fit-content;width:fit-content}.badge-inactive{background-color:#ff3b3026;color:var(--color-error)}.badge-info{background-color:#00b4d826;color:#00b4d8}.loading,.no-users{color:var(--color-text-secondary);font-size:var(--font-size-body);padding:var(--space-3xl);text-align:center}.loading{animation:fadeIn .3s var(--ease-out)}.pagination{align-items:center;display:flex;gap:var(--space-lg);justify-content:center;margin-top:var(--space-2xl)}.page-info{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);min-width:150px;text-align:center}.modal-overlay{align-items:center;animation:fadeIn .2s var(--ease-out);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideDownIn .3s var(--ease-out);background-color:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--space-2xl);width:90%}.modal-content h3{color:var(--color-text-primary);font-size:var(--font-size-h3);margin-bottom:var(--space-lg)}.modal-content p{color:var(--color-text-secondary);line-height:var(--line-height-normal);margin-bottom:var(--space-md)}.text-danger{color:var(--color-error);font-weight:var(--fw-semibold)}.modal-form{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-lg)}.form-row{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:1fr 1fr}.form-group label{font-size:var(--font-size-body-sm);font-weight:var(--fw-semibold)}.form-group label,.form-input{color:var(--color-text-primary)}.form-input{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-body);padding:var(--space-md) var(--space-lg);transition:all var(--transition-fast) var(--ease-out)}.form-input:hover{border-color:var(--color-text-secondary)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0066cc1a;outline:none}.form-input:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-tertiary);cursor:not-allowed}.modal-actions{display:flex;gap:var(--space-lg);justify-content:flex-end;margin-top:var(--space-xl)}.modal-actions .btn{min-width:120px}@media (max-width:768px){.admin-users-container{padding:var(--space-lg)}.filter-controls,.filters-section{flex-direction:column}.filter-select{width:100%}.users-table{font-size:12px}.users-table td,.users-table th{padding:var(--space-md)}.user-actions{flex-direction:column}.btn-sm{padding:8px 12px;width:100%}.form-row{grid-template-columns:1fr}.modal-content{padding:var(--space-lg);width:95%}.modal-actions{flex-direction:column}.modal-actions .btn{min-width:auto;width:100%}}@media (max-width:640px){.users-table{font-size:11px}.users-table td,.users-table th{padding:var(--space-sm)}.badge,.user-email{font-size:10px}.badge{padding:2px 8px}.pagination{gap:var(--space-md)}.page-info{font-size:11px;min-width:120px}}:root{--color-primary:#06c;--color-primary-light:#e8f0fe;--color-primary-dark:#003d99;--color-success:#34c759;--color-warning:#ff9500;--color-error:#ff3b30;--color-info:#00b4d8;--color-bg-primary:#fff;--color-bg-secondary:#f5f5f7;--color-bg-tertiary:#ececf1;--color-text-primary:#1d1d1f;--color-text-secondary:#86868b;--color-text-tertiary:#a1a1a6;--color-border:#d5d5d7;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 4px #00000014;--shadow-lg:0 4px 6px #0000001a;--shadow-xl:0 8px 12px #0000001f;--shadow-2xl:0 12px 20px #00000026;--shadow-hover:0 6px 12px #0000001f;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:150ms;--transition-base:250ms;--transition-slow:350ms;--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-out:cubic-bezier(0.0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--font-size-h1:32px;--font-size-h2:24px;--font-size-h3:20px;--font-size-h4:16px;--font-size-h5:14px;--font-size-body-lg:16px;--font-size-body:14px;--font-size-body-sm:13px;--font-size-caption:12px;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f7;background-color:var(--color-bg-secondary);color:#1d1d1f;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-size:var(--font-size-body);line-height:1.5;line-height:var(--line-height-normal);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}h1{color:#1d1d1f;color:var(--color-text-primary);font-size:32px;font-size:var(--font-size-h1);font-weight:700;font-weight:var(--fw-bold);letter-spacing:-.5px;line-height:1.2;line-height:var(--line-height-tight);margin:0 0 16px;margin:0 0 var(--space-lg) 0}h2{font-size:24px;font-size:var(--font-size-h2);line-height:1.2;line-height:var(--line-height-tight)}h2,h3{color:#1d1d1f;color:var(--color-text-primary);font-weight:600;font-weight:var(--fw-semibold);margin:0 0 12px;margin:0 0 var(--space-md) 0}h3{font-size:20px;font-size:var(--font-size-h3)}h3,h4,h5,h6{line-height:1.5;line-height:var(--line-height-normal)}h4,h5,h6{font-weight:600;font-weight:var(--fw-semibold);margin:0 0 8px;margin:0 0 var(--space-sm) 0}h4,h5,h6,p{color:#1d1d1f;color:var(--color-text-primary)}p{margin:0 0 12px;margin:0 0 var(--space-md) 0}a{color:#06c;color:var(--color-primary);text-decoration:none;transition:color .15s cubic-bezier(0,0,.2,1);transition:color var(--transition-fast) var(--ease-out)}a:hover{color:#003d99;color:var(--color-primary-dark)}.btn,[role=button],button{border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:14px;font-size:var(--font-size-body);font-weight:600;font-weight:var(--fw-semibold);outline:none;transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--transition-fast) var(--ease-out)}.btn-primary,button[type=submit]{background-color:#06c;background-color:var(--color-primary);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#fff;padding:12px 24px;padding:var(--space-md) var(--space-xl)}.btn-primary:hover:not(:disabled),button[type=submit]:hover:not(:disabled){background-color:#003d99;background-color:var(--color-primary-dark);box-shadow:0 2px 4px #00000014;box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled),button[type=submit]:active:not(:disabled){background-color:#002e7a}.btn-secondary,button[type=button]{background-color:#f5f5f7;background-color:var(--color-bg-secondary);border:1px solid #d5d5d7;border:1px solid var(--color-border);color:#1d1d1f;color:var(--color-text-primary);padding:12px 24px;padding:var(--space-md) var(--space-xl)}.btn-secondary:hover:not(:disabled),button[type=button]:hover:not(:disabled){background-color:#ececf1;background-color:var(--color-bg-tertiary);border-color:#86868b;border-color:var(--color-text-secondary)}.btn-danger{background-color:#ff3b30;background-color:var(--color-error);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#fff;padding:12px 24px;padding:var(--space-md) var(--space-xl)}.btn-danger:hover:not(:disabled){background-color:#e63929;box-shadow:0 2px 4px #00000014;box-shadow:var(--shadow-md)}.btn-success{background-color:#34c759;background-color:var(--color-success);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#fff;padding:12px 24px;padding:var(--space-md) var(--space-xl)}.btn-success:hover:not(:disabled){background-color:#32b550;box-shadow:0 2px 4px #00000014;box-shadow:var(--shadow-md)}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.5}.form-input,input[type=date],input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{background-color:#fff;background-color:var(--color-bg-primary);border:1px solid #d5d5d7;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#1d1d1f;color:var(--color-text-primary);font-family:inherit;font-size:14px;font-size:var(--font-size-body);padding:12px 16px;padding:var(--space-md) var(--space-lg);transition:border-color .15s cubic-bezier(0,0,.2,1),box-shadow .15s cubic-bezier(0,0,.2,1),background-color .15s cubic-bezier(0,0,.2,1);transition:border-color var(--transition-fast) var(--ease-out),box-shadow var(--transition-fast) var(--ease-out),background-color var(--transition-fast) var(--ease-out);width:100%}input:hover,select:hover,textarea:hover{border-color:#86868b;border-color:var(--color-text-secondary)}input:focus,select:focus,textarea:focus{border-color:#06c;border-color:var(--color-primary);box-shadow:0 0 0 3px #0066cc1a;outline:none}input:disabled,select:disabled,textarea:disabled{background-color:#f5f5f7;background-color:var(--color-bg-secondary);border-color:#d5d5d7;border-color:var(--color-border);color:#a1a1a6;color:var(--color-text-tertiary);cursor:not-allowed}.form-label{color:#1d1d1f;color:var(--color-text-primary);display:block;font-size:13px;font-size:var(--font-size-body-sm);font-weight:600;font-weight:var(--fw-semibold);margin-bottom:8px;margin-bottom:var(--space-sm)}.form-group{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm);margin-bottom:24px;margin-bottom:var(--space-xl)}.form-error{color:#ff3b30;color:var(--color-error);font-size:12px;font-size:var(--font-size-caption)}.form-error,.form-help{margin-top:4px;margin-top:var(--space-xs)}.form-help{color:#86868b;color:var(--color-text-secondary);font-size:13px;font-size:var(--font-size-body-sm)}.card{background-color:#fff;background-color:var(--color-bg-primary);border:1px solid #d5d5d7;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-xl);transition:all .25s cubic-bezier(0,0,.2,1);transition:all var(--transition-base) var(--ease-out)}.card:hover{border-color:#e8f0fe;border-color:var(--color-primary-light);box-shadow:0 2px 4px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.container{margin:0 auto;max-width:1280px;padding:0 16px;padding:0 var(--space-lg)}.page-container{background-color:#f5f5f7;background-color:var(--color-bg-secondary);min-height:calc(100vh - 64px);padding:24px 16px;padding:var(--space-xl) var(--space-lg)}.badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:12px;font-size:var(--font-size-caption);font-weight:600;font-weight:var(--fw-semibold);letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge-active{background-color:#34c75926;color:#34c759;color:var(--color-success)}.badge-pending{background-color:#ff950026;color:#ff9500;color:var(--color-warning)}.badge-completed{background-color:#0066cc26;color:#06c;color:var(--color-primary)}.badge-suspended{background-color:#ff3b3026;color:#ff3b30;color:var(--color-error)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.spinner{animation:spin .8s linear infinite}.fade-in{animation:fadeIn .3s cubic-bezier(0,0,.2,1);animation:fadeIn .3s var(--ease-out)}.slide-down-in{animation:slideDownIn .2s cubic-bezier(0,0,.2,1);animation:slideDownIn .2s var(--ease-out)}.slide-up-in{animation:slideUpIn .2s cubic-bezier(0,0,.2,1);animation:slideUpIn .2s var(--ease-out)}@media (max-width:768px){h1{font-size:24px}h2{font-size:20px}.page-container{padding:16px 12px;padding:var(--space-lg) var(--space-md)}.btn-danger,.btn-primary,.btn-secondary,.btn-success,button[type=button],button[type=submit]{width:100%}}@media (max-width:640px){:root{--space-lg:12px;--space-xl:16px}h1{font-size:20px}.page-container{padding:12px;padding:var(--space-md)}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1}
/*# sourceMappingURL=main.0a57a56d.css.map*/