.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--background)}.login-card{width:100%;max-width:400px;background:var(--card-bg);border-radius:8px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:2rem}.login-header{margin-bottom:1.5rem}.login-header h1{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:var(--text-muted);font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group input{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary-color)}.error-message{padding:.75rem;background-color:#fee2e2;color:var(--error-color);border-radius:6px;font-size:.875rem}.login-button{padding:.625rem 1rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.login-button:hover:not(:disabled){background-color:var(--primary-hover)}.login-button:disabled{opacity:.6;cursor:not-allowed}.dashboard-page{padding:2rem;max-width:1200px}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.page-header p{color:var(--text-muted);font-size:.875rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.stat-header h3{font-size:.875rem;font-weight:500;color:var(--foreground)}.stat-content{margin-top:.5rem}.stat-content .stat-value{font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-content .stat-description{font-size:.75rem;color:var(--text-muted)}.content-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.users-table{width:100%;border-collapse:collapse}.users-table thead{border-bottom:1px solid var(--border-color)}.users-table thead th{text-align:left;padding:.75rem;font-size:.875rem;font-weight:600;color:var(--text-muted)}.users-table tbody tr{border-bottom:1px solid var(--border-color)}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody tr:hover{background-color:var(--background)}.users-table tbody td{padding:.75rem;font-size:.875rem}.id-cell{display:flex;align-items:center;gap:.5rem}.id-cell .user-id{font-family:monospace;font-size:.8rem;color:var(--text-muted)}.id-cell .copy-button{padding:.25rem .5rem;background-color:transparent;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s}.id-cell .copy-button:hover{background-color:var(--background);border-color:var(--primary-color)}.id-cell .copy-button:active{transform:scale(.95)}.templates-list{display:flex;flex-direction:column;gap:1rem}.template-item{padding:1rem;border:1px solid var(--border-color);border-radius:6px}.template-item h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.template-item p{font-size:.875rem;color:var(--text-muted)}.team-name{font-weight:500;margin-bottom:.25rem}.team-description{font-size:.75rem;color:var(--text-muted)}.owner-name{font-weight:500}.owner-email{font-size:.75rem;color:var(--text-muted)}.email-stats{margin-bottom:2rem}.message{padding:1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.875rem}.message.success{background-color:#d1fae5;color:#065f46;border:1px solid #10b981}.message.error{background-color:#fee2e2;color:var(--error-color);border:1px solid var(--error-color)}.email-form .form-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.email-form .form-header h2{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.email-form .form-header p{font-size:.875rem;color:var(--text-muted)}.email-form .form-content{display:flex;flex-direction:column;gap:1.5rem}.email-form .form-select{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;background-color:var(--card-bg);cursor:pointer}.email-form .form-select:focus{outline:none;border-color:var(--primary-color)}.email-form .variables-list{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.email-form .variable-item{display:flex;flex-direction:column;gap:.5rem}.email-form .variable-label{font-size:.875rem;font-weight:500}.email-form .variable-hint{font-size:.75rem;color:var(--text-muted);font-weight:400}.email-form .variable-textarea{font-family:monospace;font-size:.875rem;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;resize:vertical}.email-form .variable-textarea:focus{outline:none;border-color:var(--primary-color)}.email-form .form-actions{display:flex;gap:.75rem;padding-top:.5rem}.email-form .btn-primary,.email-form .btn-secondary{padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.email-form .btn-primary:disabled,.email-form .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.email-form .btn-primary{background-color:var(--primary-color);color:#fff}.email-form .btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.email-form .btn-secondary{background-color:transparent;color:var(--foreground);border:1px solid var(--border-color)}.email-form .btn-secondary:hover:not(:disabled){background-color:var(--background);border-color:var(--primary-color);color:var(--primary-color)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:var(--card-bg);border-radius:8px;max-width:64rem;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.25rem;font-weight:600}.modal-header .modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);padding:.25rem .5rem;line-height:1}.modal-header .modal-close:hover{color:var(--foreground)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-body .modal-description{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem}.modal-body .preview-container{border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.modal-body .preview-iframe{width:100%;height:600px;border:none}.team-modal{max-width:900px;max-height:90vh;overflow-y:auto}.team-info{margin-bottom:2rem}.team-info h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.team-info .team-desc{color:var(--text-muted);margin-bottom:1.5rem}.team-info .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;background-color:var(--background);padding:1.5rem;border-radius:6px}.team-info .info-item{display:flex;flex-direction:column;gap:.5rem}.team-info .info-item strong{font-size:.875rem;color:var(--text-muted)}.team-info .info-item span{font-size:.875rem}.team-info .info-item .id-cell{display:flex;align-items:center;gap:.5rem}.team-websites h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.team-websites .no-websites{text-align:center;color:var(--text-muted);padding:2rem;background-color:var(--background);border-radius:6px}.team-websites .websites-list{display:grid;gap:1rem}.team-websites .website-card{background-color:var(--background);border:1px solid var(--border-color);border-radius:6px;padding:1rem;transition:all .2s}.team-websites .website-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.team-websites .website-card .website-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.team-websites .website-card .website-header h4{font-size:1rem;font-weight:600;margin:0}.team-websites .website-card .website-details{display:grid;gap:.5rem}.team-websites .website-card .website-details .detail-row{display:flex;gap:.5rem;font-size:.875rem}.team-websites .website-card .website-details .detail-row strong{min-width:80px;color:var(--text-muted)}.team-websites .website-card .website-details .detail-row .website-id{font-family:monospace;font-size:.75rem;color:var(--text-muted)}.team-websites .website-card .website-details .detail-row .domain-link{color:var(--primary-color);text-decoration:none}.team-websites .website-card .website-details .detail-row .domain-link:hover{text-decoration:underline}.website-name{font-weight:500}.no-domain{color:var(--text-muted);font-style:italic;font-size:.875rem}.domain-link{color:var(--primary-color);text-decoration:none}.domain-link:hover{text-decoration:underline}.ticket-filters{margin-bottom:1.5rem}.ticket-filters .status-filter{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;background-color:var(--card-bg);cursor:pointer}.ticket-filters .status-filter:focus{outline:none;border-color:var(--primary-color)}.tickets-table{width:100%;border-collapse:collapse}.tickets-table thead{border-bottom:1px solid var(--border-color)}.tickets-table thead th{text-align:left;padding:.75rem;font-size:.875rem;font-weight:600;color:var(--text-muted)}.tickets-table tbody tr{border-bottom:1px solid var(--border-color)}.tickets-table tbody tr:last-child{border-bottom:none}.tickets-table tbody tr:hover{background-color:var(--background)}.tickets-table tbody td{padding:.75rem;font-size:.875rem}.ticket-title{font-weight:500}.status-badge,.severity-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.status-open{background-color:#dbeafe;color:#1e40af}.status-badge.status-resolved{background-color:#d1fae5;color:#065f46}.status-badge.status-closed,.severity-badge.severity-low{background-color:#f3f4f6;color:#6b7280}.severity-badge.severity-medium{background-color:#fef3c7;color:#92400e}.severity-badge.severity-high{background-color:#fed7aa;color:#9a3412}.severity-badge.severity-critical{background-color:#fee2e2;color:#991b1b}.btn-view{padding:.375rem .75rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:.875rem;cursor:pointer;transition:background-color .2s}.btn-view:hover{background-color:var(--primary-hover)}.ticket-modal{max-width:800px;max-height:90vh;overflow-y:auto}.ticket-meta{display:flex;gap:.5rem;margin-top:.5rem}.ticket-info{background-color:var(--background);padding:1rem;border-radius:6px;margin-bottom:1.5rem}.ticket-info .info-row{padding:.5rem 0;font-size:.875rem}.ticket-info .info-row:not(:last-child){border-bottom:1px solid var(--border-color)}.ticket-info .info-row strong{margin-right:.5rem}.ticket-query{margin-bottom:1.5rem}.ticket-query h3{font-size:1rem;font-weight:600;margin-bottom:.75rem}.ticket-query p{padding:1rem;background-color:var(--background);border-radius:6px;font-size:.875rem;line-height:1.6}.ticket-messages{margin-bottom:1.5rem}.ticket-messages h3{font-size:1rem;font-weight:600;margin-bottom:.75rem}.ticket-messages .messages-list{max-height:400px;overflow-y:auto;border:1px solid var(--border-color);border-radius:6px;padding:1rem}.ticket-messages .no-messages{text-align:center;color:var(--text-muted);padding:2rem}.ticket-messages .message{margin-bottom:1rem;padding:.75rem;border-radius:6px}.ticket-messages .message.user{background-color:var(--background)}.ticket-messages .message.staff{background-color:#dbeafe;border-left:3px solid var(--primary-color)}.ticket-messages .message .message-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.ticket-messages .message .message-header strong{color:var(--foreground)}.ticket-messages .message .message-header .message-time{color:var(--text-muted);font-size:.75rem}.ticket-messages .message .message-content{font-size:.875rem;line-height:1.5}.reply-form{margin-bottom:1.5rem}.reply-form h3{font-size:1rem;font-weight:600;margin-bottom:.75rem}.reply-form .reply-textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;font-family:inherit;resize:vertical}.reply-form .reply-textarea:focus{outline:none;border-color:var(--primary-color)}.reply-form .reply-actions{margin-top:.75rem}.status-actions h3{font-size:1rem;font-weight:600;margin-bottom:.75rem}.status-actions .status-buttons{display:flex;gap:.75rem}.status-actions .btn-status{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.status-actions .btn-status:disabled{opacity:.5;cursor:not-allowed}.status-actions .btn-status.btn-open{background-color:#dbeafe;color:#1e40af}.status-actions .btn-status.btn-open:hover:not(:disabled){background-color:#bfdbfe}.status-actions .btn-status.btn-resolved{background-color:#d1fae5;color:#065f46}.status-actions .btn-status.btn-resolved:hover:not(:disabled){background-color:#a7f3d0}.status-actions .btn-status.btn-closed{background-color:#f3f4f6;color:#6b7280}.status-actions .btn-status.btn-closed:hover:not(:disabled){background-color:#e5e7eb}.gateway-name{font-family:monospace;font-size:.875rem;font-weight:600;text-transform:uppercase}.status-test{background-color:#fef3c7;color:#92400e}.status-live{background-color:#d1fae5;color:#065f46}.btn-danger{background-color:#dc2626!important}.btn-danger:hover{background-color:#b91c1c!important}.btn-primary{padding:.625rem 1.25rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.gateway-modal{max-width:700px}.form-group{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.form-group label{font-size:.875rem;font-weight:500}.form-group input,.form-group select{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;transition:border-color .2s;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color)}.form-group .hint{font-weight:400;font-size:.75rem;color:var(--text-muted)}.form-error{background-color:#fee2e2;color:#991b1b;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;margin-bottom:1rem}.toggle-row{display:flex;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.25rem;padding:.75rem 1rem;background:var(--background);border-radius:6px}.toggle-item{display:flex;align-items:center;gap:.375rem;font-size:.875rem;cursor:pointer}.toggle-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer}.form-section{margin-bottom:1.25rem}.form-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.form-section .section-header h3{font-size:.9375rem;font-weight:600}.btn-small{padding:.25rem .75rem;font-size:.8125rem;background:#fff;border:1px solid var(--border-color);border-radius:4px;cursor:pointer}.btn-small:hover{border-color:var(--primary-color);color:var(--primary-color)}.hint-text{font-size:.8125rem;color:var(--text-muted)}.plan-id-list{display:flex;flex-direction:column;gap:.5rem}.plan-id-row{display:grid;grid-template-columns:1fr 1.5fr 1.5fr auto;gap:.5rem;align-items:center}.plan-id-row input{padding:.375rem .5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.8125rem}.plan-id-row input:focus{outline:none;border-color:var(--primary-color)}.btn-remove{padding:.25rem .5rem;background:none;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;color:var(--text-muted);font-size:.875rem}.btn-remove:hover{border-color:#dc2626;color:#dc2626}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color);margin-top:1rem}.btn-cancel{padding:.625rem 1.25rem;background:#fff;color:var(--foreground);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;cursor:pointer}.btn-cancel:hover{background-color:var(--background)}.btn-back{background:none;border:none;color:var(--primary-color);font-size:.875rem;cursor:pointer;padding:0;margin-bottom:.5rem}.btn-back:hover{text-decoration:underline}.wd-toast{position:fixed;top:1.5rem;right:1.5rem;padding:.75rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;z-index:2000;animation:wd-slide-in .3s ease}.wd-toast.success{background-color:#d1fae5;color:#065f46;border:1px solid #10b981}.wd-toast.error{background-color:#fee2e2;color:#991b1b;border:1px solid #dc2626}@keyframes wd-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.wd-section{margin-bottom:1.5rem}.wd-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:1rem}.wd-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.wd-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.wd-info-item{display:flex;flex-direction:column;gap:.25rem}.wd-info-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.wd-info-value{font-size:.875rem}.wd-info-value.mono{font-family:monospace;font-size:.8125rem}.wd-info-value a{color:var(--primary-color);text-decoration:none}.wd-info-value a:hover{text-decoration:underline}.text-muted{color:var(--text-muted)}.wd-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.wd-toggle-info{display:flex;flex-direction:column;gap:.25rem}.wd-toggle-label{font-size:.9375rem;font-weight:500}.wd-toggle-desc{font-size:.8125rem;color:var(--text-muted)}.wd-toggle-control{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.wd-badge{font-size:.75rem;font-weight:500;padding:.25rem .625rem;border-radius:4px}.wd-badge-success{background-color:#d1fae5;color:#065f46}.wd-badge-muted{background-color:var(--background);color:var(--text-muted)}.wd-switch{position:relative;display:inline-block;width:40px;height:22px}.wd-switch input{opacity:0;width:0;height:0}.wd-switch input:checked+.wd-slider{background-color:var(--primary-color)}.wd-switch input:checked+.wd-slider:before{transform:translate(18px)}.wd-switch input:disabled+.wd-slider{opacity:.5;cursor:not-allowed}.wd-slider{position:absolute;inset:0;background-color:#ccc;border-radius:22px;cursor:pointer;transition:.2s}.wd-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.2s}.wd-add-rule-form{padding:1rem;background:var(--background);border-radius:6px;margin-bottom:1rem}.wd-rule-inputs{display:flex;align-items:flex-start;gap:.75rem;flex-wrap:wrap}.wd-rule-inputs .form-group{flex:1;min-width:140px}.wd-arrow{font-size:1.25rem;color:var(--text-muted);padding-top:1.75rem;flex-shrink:0}.wd-rules-list{border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.wd-rules-count{font-size:.875rem;font-weight:600;padding:.75rem 1rem;background:var(--background);border-bottom:1px solid var(--border-color)}.wd-rule-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;border-bottom:1px solid var(--border-color)}.wd-rule-item:last-child{border-bottom:none}.wd-rule-item:hover{background-color:var(--background)}.wd-rule-paths{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;overflow:hidden}.wd-rule-paths code{font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wd-arrow-small{color:var(--text-muted);font-size:.875rem;flex-shrink:0}.wd-rule-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:1rem}.wd-rule-badge{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:3px}.wd-rule-rewrite{background-color:#dbeafe;color:#1e40af}.wd-rule-redirect{background-color:#fef3c7;color:#92400e}.wd-code-example{font-family:monospace;font-size:.75rem;background:var(--background);padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid var(--border-color);white-space:pre}.wd-bulk-textarea{width:100%;font-family:monospace;font-size:.8125rem;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;resize:vertical}.wd-bulk-textarea:focus{outline:none;border-color:var(--primary-color)}.status-badge{font-size:.75rem;font-weight:500;padding:.25rem .625rem;border-radius:9999px}.status-active{background-color:#d1fae5;color:#065f46}.status-inactive{background-color:#fee2e2;color:#991b1b}.sidebar{width:250px;background-color:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.sidebar-header{padding:1.5rem 1rem;border-bottom:1px solid var(--border-color)}.sidebar-header h2{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.sidebar-header p{font-size:.875rem;color:var(--text-muted)}.sidebar-nav{flex:1;padding:1rem 0}.nav-label{padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.nav-menu{list-style:none;padding:0;margin:.5rem 0}.nav-menu li{margin:.25rem 0}.nav-menu a{display:block;padding:.625rem 1rem;color:var(--foreground);text-decoration:none;font-size:.875rem;transition:background-color .2s}.nav-menu a:hover{background-color:var(--background)}.nav-menu a.active{background-color:var(--background);color:var(--primary-color);font-weight:500}.sidebar-footer{padding:1rem;border-top:1px solid var(--border-color)}.sidebar-footer .user-email{font-size:.75rem;color:var(--text-muted);margin-bottom:.75rem;word-break:break-word}.sidebar-footer .logout-button{width:100%;padding:.5rem 1rem;background-color:transparent;color:var(--foreground);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.sidebar-footer .logout-button:hover{background-color:var(--background);border-color:var(--primary-color);color:var(--primary-color)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--background: #f9fafb;--foreground: #111827;--card-bg: #ffffff;--border-color: #e5e7eb;--text-muted: #6b7280;--error-color: #dc2626;--success-color: #16a34a}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--foreground)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.125rem;color:var(--text-muted)}.dashboard-layout{display:flex;min-height:100vh}.main-content{flex:1;overflow-y:auto}