:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}html,body{min-width:320px;min-height:100%;margin:0;padding:0}body{color:#222;background:#f4f5f7}#root{text-align:left;width:100%;min-height:100vh;margin:0;padding:0}*{box-sizing:border-box}body{color:#222;background:#f4f5f7;margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}button,input,select,textarea{font:inherit}.app{--primary-color:#1f2937;--secondary-color:#6b7280;--text-color:#222;--muted-text-color:#777;--title-color:#1f2937;min-height:100vh;display:flex}.sidebar{background:var(--primary-color);color:#fff;width:240px;min-height:100vh;padding:24px 16px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.logo-area{text-align:left;padding:8px 8px 28px}.logo-area h2{letter-spacing:1px;margin:14px 0 0;font-size:22px}.logo-area p{color:#ffffffb3;margin:8px 0 0;font-size:12px;line-height:1.5}.sidebar-logo{object-fit:contain;background:#fff;border-radius:10px;width:72px;height:72px;padding:5px;display:block}.sidebar-logo-placeholder{background:var(--secondary-color);color:#fff;letter-spacing:1px;border-radius:10px;justify-content:center;align-items:center;width:72px;height:72px;font-size:24px;font-weight:700;display:flex}.sidebar nav{flex-direction:column;gap:6px;display:flex}.sidebar nav button{color:#ffffffbf;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:12px 14px;transition:background .2s,color .2s}.sidebar nav button:hover{color:#fff;background:#ffffff1f}.sidebar nav button.active{background:var(--secondary-color);color:#fff;font-weight:600}.main-content{width:calc(100% - 240px);min-height:100vh;margin-left:240px;padding:36px}.page{width:100%;max-width:1400px;color:var(--text-color);margin:0 auto}.page-header{margin-bottom:28px}.page-header h1{color:var(--title-color);margin:0;font-size:28px;font-weight:700}.page-header p{color:var(--muted-text-color);margin:8px 0 0;font-size:14px}.dashboard-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.dashboard-card{appearance:none;color:var(--text-color);background:#fff;border:1px solid #e4e5e7;border-radius:12px;min-height:150px;padding:22px;transition:transform .15s,box-shadow .15s,border-color .15s;box-shadow:0 2px 8px #0000000a}.dashboard-card:hover{border-color:#d5d7da;transform:translateY(-2px);box-shadow:0 5px 16px #00000014}.dashboard-card h2{color:var(--text-color);margin:0;font-size:14px;font-weight:600}.dashboard-card-value{color:var(--primary-color);margin-top:18px;font-size:34px;font-weight:700;line-height:1}.dashboard-card p{color:var(--muted-text-color);margin:12px 0 0;font-size:12px}.form-card,.list-card,.placeholder-card{color:var(--text-color);background:#fff;border:1px solid #e4e5e7;border-radius:12px;margin-bottom:24px;padding:26px;box-shadow:0 2px 8px #0000000a}.form-card h2,.list-card h2{color:var(--text-color);margin:0;font-size:19px}.form-card h2{margin-bottom:24px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-color);font-size:14px;font-weight:600}.required{color:#d64545;margin-left:5px;font-size:11px}.optional{color:var(--muted-text-color);margin-left:5px;font-size:11px}.form-group input,.form-group select,.form-group textarea{width:100%;color:var(--text-color);background:#fff;border:1px solid #d8dadd;border-radius:7px;outline:none;padding:11px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--secondary-color)}.form-group select:disabled{color:var(--muted-text-color);background:#f0f1f2}.form-group textarea{resize:vertical}.form-help{color:var(--muted-text-color);margin:18px 0 0;font-size:12px}.form-actions{gap:10px;margin-top:22px;display:flex}.primary-button,.secondary-button{cursor:pointer;border:none;border-radius:7px;padding:11px 22px;font-weight:600}.primary-button{background:var(--primary-color);color:#fff}.primary-button:hover{filter:brightness(1.15)}.secondary-button{color:var(--text-color);background:#e9eaec}.secondary-button:hover{background:#ddd}.member-list-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.member-filters{gap:10px;display:flex}.member-filters input,.member-filters select{color:var(--text-color);background:#fff;border:1px solid #d8dadd;border-radius:7px;outline:none;padding:9px 11px}.member-filters input{min-width:240px}.member-filters input:focus,.member-filters select:focus{border-color:var(--secondary-color)}.table-wrapper{width:100%;overflow-x:auto}.member-table{border-collapse:collapse;white-space:nowrap;width:100%}.member-table th,.member-table td{text-align:left;color:var(--text-color);border-bottom:1px solid #eee;padding:13px 12px;font-size:13px}.member-table th{color:var(--muted-text-color);background:#f7f7f8;font-weight:600}.member-table tbody tr:hover{background:#fafafa}.empty-message{color:var(--muted-text-color);text-align:center!important;padding:30px!important}.status-badge{color:#555;background:#eee;border-radius:20px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-block}.active-status{color:#26733d;background:#e6f4ea}.inactive-status{color:#8a3b3b;background:#f3eaea}.small-button{color:var(--text-color);cursor:pointer;background:#fff;border:1px solid #d4d5d7;border-radius:5px;margin-right:6px;padding:6px 10px;font-size:12px}.small-button:hover{background:#f2f2f2}.delete-button{color:#b33a3a;border-color:#e1bcbc}.delete-button:hover{background:#faf0f0}.placeholder-card{color:var(--muted-text-color)}.logo-preview{background:#fafafa;border:1px solid #eee;border-radius:10px;margin-top:18px;padding:18px}.logo-preview img{object-fit:contain;max-width:180px;max-height:180px;display:block}.settings-actions{align-items:center;gap:12px;margin-bottom:24px;display:flex}.saved-message{color:#26733d;font-size:13px;font-weight:600}@media (width<=1200px){.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.sidebar{width:210px}.main-content{width:calc(100% - 210px);margin-left:210px;padding:28px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:auto}}@media (width<=600px){.app{display:block}.sidebar{width:100%;min-height:auto;position:relative}.sidebar nav{grid-template-columns:repeat(2,1fr);display:grid}.main-content{width:100%;margin-left:0;padding:20px}.dashboard-grid{grid-template-columns:1fr}.member-list-header{flex-direction:column;align-items:flex-start}.member-filters{flex-direction:column;width:100%}.member-filters input,.member-filters select{width:100%;min-width:0}}.back-dashboard-button{border:1px solid var(--secondary-color);color:var(--text-color);cursor:pointer;background:#ffffffe6;border-radius:8px;align-items:center;gap:6px;margin-bottom:14px;padding:8px 14px;font-size:14px;font-weight:600;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.back-dashboard-button:hover{background:var(--primary-color);color:#fff;transform:translate(-2px)}.back-dashboard-button:active{transform:translate(-1px)}