@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 480px}@media (max-width: 980px){.login-page{grid-template-columns:1fr}}.login-hero{display:flex;align-items:center;justify-content:center;padding:40px}.login-hero-inner{max-width:720px;width:100%}.login-title{font-size:40px;font-weight:800;letter-spacing:-.02em;margin:0 0 8px}.login-subtitle{font-size:18px;color:#444;margin:0 0 24px}.login-illustration{width:100%;max-width:720px;height:auto;display:block}.login-panel{border-left:1px solid #eee;display:flex;align-items:center;justify-content:center;padding:24px;background:#fff}@media (max-width: 980px){.login-panel{border-left:none;border-top:1px solid #eee}}.login-card{width:100%;max-width:420px}.brand{font-weight:900;letter-spacing:2px;margin-bottom:24px}.brand small{display:block;font-weight:600;letter-spacing:3px}.login-heading{font-size:24px;font-weight:800;margin:0 0 8px}.login-desc{color:#666;margin:0 0 24px}.field{display:block;width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:8px;margin:8px 0 16px;font-size:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.btn-primary{display:inline-block;width:100%;background:#1565d8;color:#fff;border:none;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:700}.muted{color:#666}.error{color:#c62828;margin-top:8px}*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;background:#f9fafb;transition:all .3s ease}.app-shell.collapsed{grid-template-columns:80px 1fr}.sidebar{border-right:1px solid #e5e7eb;padding:20px 16px;background:#fff;box-shadow:0 1px 3px #0000001a;position:relative;transition:all .3s ease}.sidebar-toggle{position:absolute;top:20px;right:-12px;width:24px;height:24px;background:#fff;border:1px solid #e5e7eb;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;color:#6b7280;transition:all .2s ease;z-index:10}.sidebar-toggle:hover{background:#f9fafb;border-color:#d1d5db;transform:scale(1.05)}.sidebar .brand{font-weight:800;font-size:18px;letter-spacing:1px;margin-bottom:32px;color:#1f2937;transition:all .3s ease;white-space:nowrap;overflow:hidden}.sidebar.collapsed .brand{font-size:14px;text-align:center}.nav{display:grid;gap:4px}.nav a{text-decoration:none;color:#6b7280;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;font-weight:500;transition:all .2s ease;position:relative;white-space:nowrap;overflow:hidden}.nav a:hover{background:#f3f4f6;color:#374151;transform:translate(2px)}.nav a.active{background:#eff6ff;color:#2563eb;border-left:3px solid #2563eb;font-weight:600}.nav a.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#2563eb;border-radius:0 2px 2px 0}.nav-group{display:flex;flex-direction:column}.nav-link{text-decoration:none;color:#6b7280;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;font-weight:500;transition:all .2s ease;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.nav-link:hover{background:#f3f4f6;color:#374151}.nav-link.active{background:#eff6ff;color:#2563eb;font-weight:600}.nav-arrow{margin-left:auto;font-size:10px;transition:transform .2s ease;transform:rotate(-90deg)}.nav-arrow.expanded{transform:rotate(0)}.nav-submenu{display:flex;flex-direction:column;margin-left:16px;margin-top:4px;padding-left:12px;border-left:2px solid #e5e7eb}.nav-sublink{text-decoration:none;color:#6b7280;padding:8px 12px;border-radius:6px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400;transition:all .2s ease}.nav-sublink:hover{background:#f3f4f6;color:#374151}.nav-sublink.active{background:#eff6ff;color:#2563eb;font-weight:500}@media (max-width: 768px){.nav-submenu{margin-left:8px;padding-left:8px}.nav-sublink{padding:10px 12px;font-size:14px}}.sidebar.collapsed .nav-group{position:relative}.sidebar.collapsed .nav-link span:not(:first-child){display:none}.sidebar.collapsed .nav-submenu,.sidebar.collapsed .nav-arrow{display:none}.content{padding:24px;background:#f9fafb;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.crumbs{color:#6b7280;font-size:14px;font-weight:400}.page-title{font-size:24px;font-weight:700;color:#1f2937;margin-top:4px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:24px}.card{border:1px solid #e5e7eb;border-radius:12px;padding:24px;background:#fff;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;position:relative;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:#e5e7eb}.card.open:before{background:#3b82f6}.card.closed:before{background:#10b981}.card.forwarded:before{background:#f59e0b}.card.aborted:before{background:#ef4444}.kpi-title{color:#6b7280;font-size:14px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin-bottom:8px}.kpi-value{font-size:32px;font-weight:800;color:#1f2937;line-height:1.2}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.table th,.table td{text-align:left;padding:12px 16px;border-bottom:1px solid #f3f4f6}.table th{background:#f9fafb;font-weight:600;color:#374151;font-size:14px}.table tbody tr:hover{background:#f9fafb}.table tbody tr:nth-child(2n){background:#fafafa}.table tbody tr:nth-child(2n):hover{background:#f3f4f6}.section{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:24px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.settings-section{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;max-width:100%;overflow:hidden}.settings-section .tabs-carousel{flex:0 0 auto;width:100%;max-width:100%}.settings-section .section-body{flex:1 1 auto;min-height:0;overflow:auto;width:100%;max-width:100%}.tabs-carousel{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;padding:0 8px 12px;width:100%;max-width:100%;overflow:hidden}.tabs-arrow{border:1px solid #d1d5db;background:#fff;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#374151}.tabs-scroll{display:flex;gap:16px;overflow-x:auto;scrollbar-width:thin;padding:0 4px;width:100%;max-width:100%;min-width:0}.tabs-scroll::-webkit-scrollbar{height:6px}.tabs-scroll::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:9999px}.section h3{margin:0 0 20px;font-size:18px;font-weight:700;color:#1f2937}.section .section-body{padding:0}.btn{border:1px solid #d1d5db;background:#fff;border-radius:8px;padding:10px 16px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.btn-primary{background:#2563eb;color:#fff;border:none}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-secondary{background:#f3f4f6;color:#374151;border-color:#d1d5db}.btn-secondary:hover{background:#e5e7eb}.kpi-grid{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.kpi-grid th,.kpi-grid td{font-size:14px;padding:12px 16px;border-bottom:1px solid #f3f4f6;text-align:center}.kpi-grid th{background:#f9fafb;font-weight:600;color:#374151}.kpi-grid tbody tr:nth-child(2n){background:#fafafa}.kpi-grid tbody tr:hover{background:#f3f4f6}.field-label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:14px}.field-label:after{content:" *";color:#ef4444}.profile-container{position:relative}.profile-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:50;padding:8px 0}.profile-dropdown-item{display:block;width:100%;padding:10px 16px;text-decoration:none;color:#374151;font-size:14px;font-weight:500;transition:background .2s ease}.profile-dropdown-item:hover{background:#f9fafb;color:#1f2937}.search-container{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.search-input{flex:1;min-width:300px;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-pill{padding:6px 12px;border:1px solid #d1d5db;border-radius:20px;background:#fff;color:#374151;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-pill:hover{background:#f3f4f6;border-color:#9ca3af}.filter-pill.active{background:#2563eb;color:#fff;border-color:#2563eb}.status-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.closed{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.aborted{background:#fee2e2;color:#991b1b}.status-badge.open{background:#dbeafe;color:#1e40af}@media (max-width: 1024px){.app-shell{grid-template-columns:240px 1fr}.app-shell.collapsed{grid-template-columns:60px 1fr}.sidebar.collapsed{padding:20px 8px}.sidebar.collapsed .brand{font-size:12px}}@media (max-width: 768px){.app-shell{grid-template-columns:1fr;position:relative}.app-shell.collapsed{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s ease}.sidebar.mobile-open{transform:translate(0)}.sidebar-toggle{display:block;position:fixed;top:20px;left:20px;z-index:1001;background:#2563eb;color:#fff;border:none}.content{padding:60px 16px 16px}.topbar{padding:16px;margin-bottom:16px}.cards{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}.search-container{flex-direction:column;align-items:stretch;gap:16px}.search-input{min-width:auto}.filter-pills{justify-content:flex-start;flex-wrap:wrap}.profile-container{position:relative}.profile-dropdown{right:0;left:auto;min-width:180px}}@media (max-width: 480px){.cards{grid-template-columns:1fr}.content,.topbar{padding:16px}}.toast{position:fixed;top:20px;right:20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px 20px;box-shadow:0 4px 12px #00000026;z-index:1000;display:flex;align-items:center;gap:12px;min-width:300px;animation:slideIn .3s ease}.toast.success{border-left:4px solid #10b981}.toast.error{border-left:4px solid #ef4444}.toast.warning{border-left:4px solid #f59e0b}.toast.info{border-left:4px solid #3b82f6}.toast-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.toast.success .toast-icon{background:#d1fae5;color:#065f46}.toast.error .toast-icon{background:#fee2e2;color:#991b1b}.toast.warning .toast-icon{background:#fef3c7;color:#92400e}.toast.info .toast-icon{background:#dbeafe;color:#1e40af}.toast-content{flex:1}.toast-title{font-weight:600;color:#1f2937;margin-bottom:2px}.toast-message{font-size:14px;color:#6b7280}.toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.toast.fade-out{animation:slideOut .3s ease forwards}.field-label[style*="--required: none"]:after{content:""}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-height:90vh;overflow:hidden;animation:slideIn .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.modal-title{font-size:20px;font-weight:700;color:#1f2937;margin:0}.modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:0 24px 24px;max-height:calc(90vh - 120px);overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.user-list-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden;width:100%;max-width:100%}.user-list-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb;gap:24px;width:100%;max-width:100%;min-width:0;flex-wrap:wrap}.user-list-header-left{display:flex;flex-direction:column;flex:1;min-width:0}.user-list-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 4px}.user-list-subtitle{margin:0;color:#6b7280;font-size:14px}.user-list-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:0;flex-wrap:wrap}.user-search{flex:1;min-width:200px;max-width:400px;width:100%}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#fafafa;flex-wrap:wrap;gap:16px;width:100%;max-width:100%;min-width:0}.pagination-info{display:flex;align-items:center;gap:12px;font-size:14px;color:#6b7280}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-size-selector{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.pagination-size-selector select{padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:14px;color:#374151;cursor:pointer}.pagination-size-selector select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.pagination-nav{display:flex;align-items:center;gap:4px}.pagination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.pagination-btn.ellipsis{cursor:default;border:none;background:transparent}.pagination-btn.ellipsis:hover{background:transparent}.pagination-btn svg{width:16px;height:16px}.user-list-content{padding:0;overflow-x:auto;overflow-y:hidden}.user-table{width:100%;border-collapse:collapse;background:#fff;max-width:100%;table-layout:auto;min-width:1200px}.user-table th,.user-table td{text-align:left;padding:12px 16px;border-bottom:1px solid #f3f4f6;font-size:14px;vertical-align:top}.user-table th:nth-child(1),.user-table td:nth-child(1){width:60px;min-width:60px}.user-table th:nth-child(2),.user-table td:nth-child(2){width:120px;min-width:120px}.user-table th:nth-child(3),.user-table td:nth-child(3){width:180px;min-width:180px}.user-table th:nth-child(4),.user-table td:nth-child(4){width:120px;min-width:120px}.user-table th:nth-child(5),.user-table td:nth-child(5){width:100px;min-width:100px}.user-table th:nth-child(6),.user-table td:nth-child(6){width:100px;min-width:100px}.user-table th:nth-child(7),.user-table td:nth-child(7){width:150px;min-width:150px}.user-table th:nth-child(8),.user-table td:nth-child(8){width:120px;min-width:120px}.user-table th{background:#f9fafb;font-weight:600;color:#374151;position:sticky;top:0;z-index:10}.user-table tbody tr:hover{background:#f9fafb}.user-table tbody tr:nth-child(2n){background:#fafafa}.user-table tbody tr:nth-child(2n):hover{background:#f3f4f6}.user-actions{display:flex;gap:8px;align-items:center}.user-role-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.user-role-badge.super-admin{background:#fef3c7;color:#92400e}.user-role-badge.manager{background:#dbeafe;color:#1e40af}.user-role-badge.agent{background:#d1fae5;color:#065f46}.user-role-badge.area-head{background:#e0e7ff;color:#3730a3}.user-role-badge.lsv-manager{background:#fce7f3;color:#be185d}.user-role-badge.lsv-area-head{background:#f0fdf4;color:#166534}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:36px;margin-bottom:24px}.form-row{display:flex;flex-direction:column;gap:8px}.form-row.full-width{grid-column:1 / -1}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb;margin-top:20px}@media (max-width: 1024px){.user-list-header{gap:20px;flex-direction:column;align-items:stretch}.user-list-header-left{margin-bottom:12px}.user-list-header-right{justify-content:stretch;flex-wrap:wrap}.user-search{min-width:200px;max-width:none;width:100%}.user-list-header-right .btn{flex:1;min-width:120px}}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header{padding:16px 16px 0}.modal-body{padding:0 16px 16px}.form-grid{grid-template-columns:1fr;gap:20px}.user-list-header{flex-direction:column;align-items:stretch;gap:16px;padding:16px}.user-list-header-left{margin-bottom:8px}.user-list-header-right{justify-content:stretch;flex-direction:column;gap:12px}.user-search{min-width:auto;max-width:none;width:100%}.user-list-header-right .btn{flex:1;justify-content:center;width:100%}.form-actions{flex-direction:column}.pagination-container{flex-direction:column;align-items:stretch;gap:12px;padding:12px 16px}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-nav{order:1}.pagination-size-selector{order:2}.pagination-info{order:3;justify-content:center}.user-table{table-layout:auto;font-size:12px;min-width:1000px}.user-table th,.user-table td{padding:8px 12px;white-space:normal;word-break:break-word}.user-table th:nth-child(1),.user-table td:nth-child(1){width:50px;min-width:50px}.user-table th:nth-child(2),.user-table td:nth-child(2){width:100px;min-width:100px}.user-table th:nth-child(3),.user-table td:nth-child(3){width:150px;min-width:150px}.user-table th:nth-child(4),.user-table td:nth-child(4){width:100px;min-width:100px}.user-table th:nth-child(5),.user-table td:nth-child(5){width:80px;min-width:80px}.user-table th:nth-child(6),.user-table td:nth-child(6){width:80px;min-width:80px}.user-table th:nth-child(7),.user-table td:nth-child(7){width:120px;min-width:120px}.user-table th:nth-child(8),.user-table td:nth-child(8){width:100px;min-width:100px}}@media (max-width: 480px){.pagination-btn{width:28px;height:28px;font-size:12px}.pagination-size-selector select{padding:4px 6px;font-size:12px}.user-list-header{padding:12px}.user-list-title{font-size:16px}.user-list-subtitle{font-size:12px}.tabs-scroll{gap:8px}.tabs-scroll .btn{padding:8px 12px;font-size:12px}.user-table{min-width:800px;font-size:11px}.user-table th:nth-child(1),.user-table td:nth-child(1){width:40px;min-width:40px}.user-table th:nth-child(2),.user-table td:nth-child(2){width:80px;min-width:80px}.user-table th:nth-child(3),.user-table td:nth-child(3){width:120px;min-width:120px}.user-table th:nth-child(4),.user-table td:nth-child(4){width:80px;min-width:80px}.user-table th:nth-child(5),.user-table td:nth-child(5){width:70px;min-width:70px}.user-table th:nth-child(6),.user-table td:nth-child(6){width:70px;min-width:70px}.user-table th:nth-child(7),.user-table td:nth-child(7){width:100px;min-width:100px}.user-table th:nth-child(8),.user-table td:nth-child(8){width:80px;min-width:80px}}.error{color:#c62828;font-size:14px;margin-top:8px}.notification{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;min-width:300px;max-width:500px}.notification .close-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;margin-left:auto;opacity:.8;transition:opacity .2s}.notification .close-btn:hover{opacity:1}.notification.success{background-color:#4caf50}.notification.error{background-color:#f44336}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.notification.fade-out{animation:slideOut .3s ease-in forwards}.update-ticket-form{max-width:1200px;margin:0 auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-bottom:24px}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:20px}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:16px}.cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.cards{grid-template-columns:1fr}.notification{left:10px;right:10px;min-width:auto}}.readonly-field{background-color:#f5f5f5!important;cursor:not-allowed}.disabled-field{opacity:.6;cursor:not-allowed}.field{width:100%;padding:8px 12px;border:1px solid #d7deea;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.field:focus{outline:none;border-color:#1565d8;box-shadow:0 0 0 2px #1565d81a}.field:disabled{background-color:#f5f5f5;cursor:not-allowed}.btn-primary{background:#1976d2;color:#fff;padding:12px 24px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.btn-primary:hover:not(:disabled){background:#1565c0}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.link{color:#1565d8;text-decoration:none}.link:hover{text-decoration:underline}.raise-form{max-width:960px;margin:0 auto}.form-grid-rt{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:16px;margin-bottom:16px}@media (max-width: 900px){.form-grid-rt{grid-template-columns:1fr;gap:12px}}:root{color-scheme:light dark}body{margin:0}button{padding:8px 12px;border-radius:8px;border:1px solid #ccc;cursor:pointer}