:root{--ink:#202523;--muted:#707774;--paper:#f5f3ef;--cream:#f6f0e4;--logo-cream:#faf9f0;--surface:#fff;--line:#deddd8;--teal:#164f4b;--teal-dark:#0d3734;--teal-soft:#e6f0ee;--coral:#d84b62;--coral-dark:#b93950;--coral-soft:#fbecef;--shadow:0 12px 34px rgba(22,79,75,.07)}*{box-sizing:border-box}body,html{background:var(--paper)}body{margin:0;font-family:Avenir Next,Avenir,Segoe UI,Arial,sans-serif;color:var(--ink);font-size:14px;line-height:1.45}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:DIN Alternate,Arial Narrow,Avenir Next,Arial,sans-serif;letter-spacing:.015em;color:var(--ink)}h1{font-size:34px;line-height:1.08;margin:0 0 6px;text-transform:uppercase}h2{font-size:22px;margin:0 0 4px}.shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}.side{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:var(--cream);color:var(--teal-dark);padding:24px 18px;display:flex;flex-direction:column;border-right:5px solid var(--teal);box-shadow:8px 0 28px rgba(22,79,75,.05)}.brand{display:block;margin:0 6px 26px;padding-bottom:22px;border-bottom:1px solid rgba(22,79,75,.18)}.brand img{display:block;width:100%;height:auto}.brand span{display:block;color:#55736f;font-size:9px;font-weight:700;letter-spacing:.24em;text-align:center;margin-top:7px}.nav{display:grid;grid-gap:5px;gap:5px}.nav a,.nav-disabled{display:flex;align-items:center;min-height:43px;padding:10px 13px;border-radius:7px;color:#315e59;font-size:13px;font-weight:700;letter-spacing:.02em;margin:0;border-left:3px solid transparent;transition:background .18s,color .18s,border-color .18s}.nav a:hover{background:#e1e8e2;border-left-color:var(--teal);color:var(--teal-dark)}.nav .quick-link{background:var(--coral);border-left-color:#a92e43;color:#fff;box-shadow:0 8px 20px rgba(216,75,98,.18)}.nav .quick-link:hover{background:var(--coral-dark);border-left-color:var(--teal-dark);color:#fff}.nav-disabled{opacity:.36;cursor:not-allowed}.logout-btn{margin-top:auto!important;width:100%;border-color:#9db5b1!important;background:transparent!important;color:var(--teal)!important}.logout-btn:hover{background:var(--teal-soft)!important;border-color:var(--teal)!important}.side form{margin-top:auto}.mobile-head{display:none}.main{padding:38px clamp(24px,3.5vw,58px) 60px;min-width:0;max-width:1700px;width:100%;margin:0 auto}.top{display:flex;justify-content:space-between;align-items:center;gap:16px}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:21px;box-shadow:0 2px 0 rgba(32,37,35,.02)}.card{display:block;position:relative;overflow:hidden;min-height:126px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:transform .18s,border-color .18s,box-shadow .18s}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--teal)}.card:hover{transform:translateY(-2px);border-color:#b8cbc7;box-shadow:var(--shadow)}.panel{margin-top:20px}.num{font-size:30px;font-weight:700;margin-top:15px;letter-spacing:-.03em;color:var(--teal);text-transform:none}.money-num{font-size:24px}.accent-card{background:var(--teal);border-color:var(--teal);color:#dcecea}.accent-card:before{background:var(--coral)}.accent-card .num,.btn{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--coral);border-radius:6px;padding:10px 16px;min-height:40px;background:var(--coral);cursor:pointer;text-align:center;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.02em;transition:background .18s,border-color .18s,transform .18s}.btn:hover{background:var(--coral-dark);border-color:var(--coral-dark);transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn2{background:#fff;color:var(--teal);border-color:#b9c9c6}.btn2:hover{background:var(--teal-soft);border-color:#8fb0ab;color:var(--teal-dark)}.row{gap:10px;flex-wrap:wrap}.field,.row{display:flex}.field{flex-direction:column;gap:7px;margin:10px 0;flex:1 1;min-width:180px}label{color:#39423f}input,select,textarea{width:100%;padding:10px 12px;min-height:42px;border:1px solid #cfd4d1;border-radius:6px;background:#fff;color:var(--ink);font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#4c8882;box-shadow:0 0 0 3px rgba(22,79,75,.1)}input:disabled,select:disabled,textarea:disabled{background:#efefec;color:#6c716f}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:13px 11px;border-bottom:1px solid #e7e6e2}th{background:#f7f6f3;color:#68706d;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}tbody tr{transition:background .15s}tbody tr:hover{background:#faf9f6}.right{text-align:right!important}.empty{text-align:center!important;color:var(--muted);padding:32px!important}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login,.login-page{background:var(--logo-cream)}.login{width:min(430px,100%);margin:0;padding:34px;border:0;border-radius:0;box-shadow:none}.login-brand{text-align:center;margin-bottom:10px}.login-brand img{display:block;width:min(360px,100%);margin:0 auto 12px}.login label{display:grid;grid-gap:7px;gap:7px}.login .btn{width:100%;margin-top:8px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.danger{background:#991b1b}.muted{color:var(--muted)}.table-wrap{overflow:auto;border-radius:6px}.dashboard-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:22px}textarea{font-family:inherit;line-height:1.45;resize:vertical;min-height:88px}.quote-item{display:grid;grid-template-columns:1.1fr 2fr .45fr .45fr .7fr;grid-gap:10px;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}.quote-item .field{min-width:0}.quote-item .spec textarea{min-height:118px}.notice{margin:14px 0;padding:11px 14px;border-radius:7px;background:var(--teal-soft);border:1px solid #b7d2ce;color:var(--teal-dark)}.notice.error{background:var(--coral-soft);border-color:#f1bac3;color:#8a2637}.lost-form{margin-top:14px;max-width:650px}.table-wrap{overflow-x:auto}.quote-print{max-width:900px;margin:30px auto;padding:35px;background:#fff}.print-head{display:flex;justify-content:space-between;gap:20px}.print-head h1{margin:0}.print-to{margin:28px 0}.print-to h2{margin:5px 0}.pre{white-space:pre-wrap;margin-top:6px;line-height:1.5}.totals{margin:20px 0 20px auto;max-width:330px}.totals>div{display:flex;justify-content:space-between;padding:7px 0}.totals .grand{font-size:20px;border-top:2px solid var(--teal);margin-top:6px;padding-top:12px}.print-tip{margin-top:35px;color:var(--muted);font-size:12px}@media(max-width:1000px){.quote-item{grid-template-columns:1fr 1fr}.quote-item .spec{grid-column:span 2}}@media print{body{background:#fff}.quote-print{margin:0;max-width:none;padding:0}.no-print,.print-tip{display:none!important}}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px;margin:16px 0}.form-grid label,.quick-top label{display:grid;grid-gap:6px;gap:6px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.form-grid .wide{grid-column:1/-1}.payment-summary{display:flex;gap:28px;flex-wrap:wrap;background:var(--teal-soft);border:1px solid #c5d9d6;border-radius:8px;padding:15px}.payment-summary span{display:grid;grid-gap:4px;gap:4px;color:var(--muted)}.payment-summary b{color:var(--teal-dark);font-size:16px}.job-payment-summary{margin-bottom:14px}.quick-top{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.quick-items{margin:18px 0}.quick-item{display:grid;grid-template-columns:minmax(220px,2fr) 90px 110px 130px 130px auto;grid-gap:9px;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.quick-item-head{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800;letter-spacing:.08em}.line-amount{text-align:right}.quick-total{display:flex;justify-content:flex-end;align-items:center;gap:24px;margin:18px 0;padding:17px 0;border-top:2px solid var(--teal)}.quick-total span{font-weight:700}.quick-total b{font-size:30px;color:var(--teal)}.quick-payment{border-top:1px solid var(--line);padding-top:18px}.check-label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}.check-label input{width:18px;height:18px}.change-box{display:grid;grid-gap:5px;gap:5px;align-content:center;background:var(--teal);color:#fff;border:1px solid var(--teal);border-radius:7px;padding:10px 14px}.change-box span{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.change-box b{font-size:20px}.quick-submit{display:flex;justify-content:flex-end}.receipt-page{padding:30px}.receipt-actions{display:flex;justify-content:center;gap:10px;margin-bottom:18px}.receipt{width:min(430px,100%);margin:0 auto;background:#fff;padding:28px;border:1px solid #d1d5db;box-shadow:0 10px 30px rgba(15,23,42,.08)}.receipt header{text-align:center;border-bottom:1px dashed #9ca3af;padding-bottom:15px;margin-bottom:15px}.receipt header h1{font-size:20px;margin:0 0 5px}.receipt header p{margin:0;color:#4b5563}.receipt-meta{display:grid;grid-template-columns:120px 1fr;grid-gap:6px 10px;gap:6px 10px;font-size:12px}.receipt-meta.compact{border-top:1px dashed #9ca3af;padding-top:12px;margin-top:12px}.receipt table{margin-top:16px;font-size:12px}.receipt td,.receipt th{padding:7px 3px}.receipt td small{display:block;white-space:pre-wrap;color:#6b7280;margin-top:3px}.receipt-totals{display:grid;grid-template-columns:1fr auto;grid-gap:7px 12px;gap:7px 12px;border-top:2px solid #111827;padding-top:12px;margin-top:12px}.receipt-totals b{text-align:right}.payment-lines{border-top:1px dashed #9ca3af;margin-top:12px;padding-top:12px;font-size:12px}.payment-lines>div{display:flex;justify-content:space-between;padding-top:5px;text-transform:capitalize}.receipt-notes{font-size:12px;border-top:1px dashed #9ca3af;padding-top:12px}.receipt footer{text-align:center;border-top:1px dashed #9ca3af;margin-top:18px;padding-top:14px}.receipt footer p{font-weight:800}.receipt footer small{color:#6b7280;line-height:1.4}.void-mark{text-align:center;color:#991b1b;font-size:28px;font-weight:900;border:3px solid #991b1b;padding:8px;margin:12px 0;transform:rotate(-4deg)}@media(max-width:1150px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}.quick-item{grid-template-columns:2fr 80px 100px 120px}.quick-item-head span:nth-child(5),.quick-item-head span:nth-child(6){display:none}.quick-item .line-amount{grid-column:3/4}.quick-item button{grid-column:4/5}}@media(max-width:800px){.shell{display:block}.side{display:none}.mobile-head{display:block;background:var(--cream);color:var(--teal-dark);padding:12px 14px;border-bottom:4px solid var(--teal)}.mobile-brand{display:flex;align-items:center;gap:10px}.mobile-brand img{width:145px;height:auto}.mobile-brand span{font-size:10px;letter-spacing:.18em;color:#55736f}.mobile-nav{display:flex;gap:6px;overflow-x:auto;margin-top:10px;padding-bottom:3px}.mobile-nav a{white-space:nowrap;background:#e4e9e3;color:var(--teal-dark);border-radius:5px;padding:8px 11px;font-size:11px;font-weight:700}.mobile-nav .quick-link{background:var(--coral);color:#fff}.dashboard-grid,.grid{grid-template-columns:1fr 1fr}.main{padding:22px 16px 40px}.top{align-items:flex-start;flex-wrap:wrap}.form-grid,.quick-top{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.quick-item,.quick-item-head{grid-template-columns:1fr 80px}.quick-item-head span:nth-child(n+3){display:none}.quick-item .line-amount,.quick-item button,.quick-item select{grid-column:auto}.quick-item input:first-child{grid-column:1/-1}.receipt-page{padding:15px}}@media(max-width:520px){.dashboard-grid,.grid{grid-template-columns:1fr}.receipt{padding:18px}.payment-summary{gap:14px}.quick-item{grid-template-columns:1fr 1fr}.quick-item input:first-child{grid-column:1/-1}.login-page{padding:16px}.login{padding:24px 8px}.login-brand img{width:min(330px,100%)}}@media print{body{background:#fff}.quote-print{margin:0;max-width:none;padding:0}.no-print,.print-tip{display:none!important}.receipt-page{padding:0}.receipt{width:80mm;max-width:80mm;margin:0;padding:4mm;border:0;box-shadow:none}.receipt table{font-size:10px}.receipt footer small{font-size:9px}}.report-heading{margin-bottom:18px}.report-actions{display:flex;gap:9px;flex-wrap:wrap}.report-filters{display:grid;grid-template-columns:minmax(180px,240px) minmax(180px,240px) auto auto;grid-gap:12px;gap:12px;align-items:end;margin-top:0}.report-filters label{display:grid;grid-gap:6px;gap:6px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.report-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:20px}.report-grid .card{min-height:120px}.method-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:16px}.method-total{display:grid;grid-gap:5px;gap:5px;padding:15px;border:1px solid var(--line);border-radius:7px;background:#faf9f6}.method-total span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.method-total b{font-size:19px;color:var(--teal)}.method-total small{color:var(--muted)}.report-print-head{display:none}.report-page .panel>.top>b{color:var(--teal);font-size:16px}.report-transactions thead{position:-webkit-sticky;position:sticky;top:0}.app-modal-backdrop{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(13,55,52,.48);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.app-modal{display:flex;flex-direction:column;width:min(720px,100%);max-height:min(92vh,980px);overflow:hidden;border:1px solid #b9c9c6;border-radius:14px;background:var(--surface);box-shadow:0 28px 80px rgba(13,55,52,.28)}.app-modal-small{width:min(520px,100%)}.app-modal-medium{width:min(760px,100%)}.app-modal-wide{width:min(1280px,100%)}.app-modal-header{display:flex;flex:0 0 auto;justify-content:space-between;align-items:flex-start;gap:20px;padding:19px 22px;border-bottom:1px solid var(--line);background:var(--cream)}.app-modal-header h2{margin:0;color:var(--teal-dark)}.app-modal-header p{margin:4px 0 0;color:var(--muted);font-size:12px}.app-modal-close{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid #abc1bd;border-radius:50%;background:#fff;color:var(--teal);font:700 24px/1 Arial;cursor:pointer}.app-modal-close:hover{background:var(--teal-soft);border-color:var(--teal)}.app-modal-close:focus-visible{outline:3px solid rgba(22,79,75,.2);outline-offset:2px}.app-modal-body{min-height:0;overflow:auto;padding:22px;overscroll-behavior:contain}.app-modal-body>.panel:first-child,.app-modal-body>form.panel:first-child{margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:18px}.nav .quick-launcher{display:flex;align-items:center;justify-content:flex-start;min-height:43px;padding:10px 13px;border:0;border-left:3px solid #a92e43;border-radius:7px;background:var(--coral);color:#fff;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 8px 20px rgba(216,75,98,.18);transition:background .18s,border-color .18s}.nav .quick-launcher:hover{background:var(--coral-dark);border-left-color:var(--teal-dark)}.quick-submit{gap:9px;flex-wrap:wrap}@media(max-width:800px){.app-modal-backdrop{align-items:stretch;padding:0}.app-modal{width:100%;max-height:100vh;border:0;border-radius:0}.app-modal-body,.app-modal-header{padding:16px}.mobile-nav .quick-launcher{white-space:nowrap;border:0;border-radius:5px;padding:8px 11px;background:var(--coral);color:#fff;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}}@media(max-width:1150px){.method-grid,.report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.method-grid,.report-filters,.report-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.method-grid,.report-filters,.report-grid{grid-template-columns:1fr}.report-actions{width:100%}.report-actions .btn{flex:1 1}}@media print{.mobile-head,.report-filters,.report-heading,.side{display:none!important}.shell{display:block;min-height:auto}.main{max-width:none;margin:0;padding:0}.report-page{color:#111;font-size:10px}.report-print-head{display:block;text-align:center;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid #111}.report-print-head h1{font-size:22px;margin:0 0 2px}.report-print-head p{margin:0 0 3px}.report-grid{grid-template-columns:repeat(5,1fr);gap:0;margin-top:0;border:1px solid #bbb}.report-grid .card{min-height:0;padding:9px;border:0;border-right:1px solid #bbb;border-radius:0;box-shadow:none;font-size:8px}.report-grid .card:last-child{border-right:0}.report-grid .card:before{display:none}.report-grid .num{font-size:14px;margin-top:5px;color:#111}.report-grid .accent-card{background:#fff;color:#111}.report-page .panel{margin-top:12px;padding:0;border:0;border-top:1px solid #999;border-radius:0;box-shadow:none}.report-page .panel>.top{padding-top:7px}.report-page h2{font-size:14px}.method-breakdown{page-break-inside:avoid;break-inside:avoid}.method-grid{grid-template-columns:repeat(5,1fr);gap:0;margin-top:6px}.method-total{padding:6px;border-radius:0}.method-total b{font-size:11px;color:#111}.method-total small,.report-page table{font-size:8px}.report-page td,.report-page th{padding:4px 3px}.report-page thead{display:table-header-group}.report-page tr{page-break-inside:avoid;break-inside:avoid}.report-page .badge{padding:2px 4px;font-size:7px}}:root{--logo-cream:#fcf9f0}.login-page{position:relative;isolation:isolate;overflow:hidden;padding:36px;background:#fffdf3}.login-page:after,.login-page:before{content:"";position:absolute;z-index:0;width:660px;height:660px;border-radius:50%;pointer-events:none}.login-page:before{top:-240px;left:-210px;background:radial-gradient(circle,rgba(22,79,75,.09),rgba(22,79,75,0) 68%)}.login-page:after{right:-230px;bottom:-260px;background:radial-gradient(circle,rgba(216,75,98,.08),rgba(216,75,98,0) 68%)}.login{position:relative;z-index:1;width:min(480px,100%);padding:52px 68px 44px;background:rgba(255,253,243,.96);border:3px solid var(--teal);border-radius:24px;box-shadow:0 20px 60px rgba(13,55,52,.08)}.login-brand{margin:0 -28px 16px}.login-brand img{width:min(400px,100%);margin:0 auto;height:auto}.login>.muted{text-align:center;margin:0 0 32px;font-size:16px}.login>.notice{margin:0 0 22px;text-align:center}.login .field{margin:0 0 28px}.login label{gap:11px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.login input{border-color:#adc4c0;text-transform:none;letter-spacing:normal}.login .btn,.login input{min-height:52px;border-radius:8px}.login .btn{margin-top:9px;text-transform:uppercase;letter-spacing:.05em}.login-footer{margin-top:46px;padding-top:22px;border-top:1px solid #d9dedb;color:#55736f;text-align:center;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}@media(max-width:520px){.login-page{padding:18px}.login{padding:40px 24px 32px;border-width:2px;border-radius:20px}.login-brand{margin:0 -8px 14px}.login>.muted{margin-bottom:26px;font-size:14px}.login .field{margin-bottom:22px}.login-footer{margin-top:34px;font-size:9px;letter-spacing:.16em}}@media screen and (min-width:801px){body{zoom:.9;min-height:111.111vh;overflow-x:hidden}.login-page,.shell{min-height:111.111vh;max-width:100%}.main,.shell{overflow-x:hidden}.main{width:100%}.main,.scroll,.table-wrap{max-width:100%}.side{height:111.111vh}}.member-create-panel{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,2fr);grid-gap:28px;gap:28px;align-items:start}.member-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.member-create-form label{display:grid;grid-gap:7px;gap:7px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.member-create-submit{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:4px}.member-create-submit small{max-width:520px;color:var(--muted)}.user-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;background:var(--teal-soft);border-color:#c1d6d2}.user-guide>div{display:grid;grid-gap:4px;gap:4px;padding:4px 8px}.user-guide b{color:var(--teal-dark)}.user-guide span{color:#536662;font-size:12px}.member-list-panel{padding:0;overflow:hidden}.member-list-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 21px;border-bottom:1px solid var(--line)}.member-list-head h2,.member-list-head p{margin:0}.member-list,.member-row{display:grid}.member-row{grid-template-columns:minmax(190px,1.5fr) minmax(130px,.7fr) minmax(245px,1fr) auto;grid-gap:18px;gap:18px;align-items:center;padding:16px 21px;border-bottom:1px solid var(--line)}.member-row:last-child{border-bottom:0}.member-row:hover{background:#faf9f6}.member-identity,.member-status{display:grid;grid-gap:4px;gap:4px;min-width:0}.member-identity span{overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.member-status{justify-items:start}.member-status small{color:var(--muted)}.member-inactive{background:#eee;color:#666}.member-role-form{display:grid;grid-template-columns:minmax(125px,1fr) auto;grid-gap:8px;gap:8px;align-items:center}.member-role-form select{min-width:0}.member-role-readonly{font-weight:800;color:var(--teal-dark)}.member-access-form{margin:0}.member-access-form .btn{min-width:92px}@media(max-width:1100px){.member-row{grid-template-columns:minmax(180px,1.2fr) minmax(120px,.7fr) minmax(220px,1fr)}.member-access-form{grid-column:3;justify-self:end}}@media(max-width:800px){.member-create-panel,.user-guide{grid-template-columns:1fr}.member-row{grid-template-columns:1fr 1fr;gap:13px}.member-role-form{grid-column:1/-1}.member-access-form{grid-column:auto;justify-self:end}}@media(max-width:520px){.member-create-form,.member-row{grid-template-columns:1fr}.member-create-submit{grid-column:auto;align-items:stretch;flex-direction:column}.member-create-submit .btn{width:100%}.member-access-form,.member-role-form{grid-column:auto;width:100%;justify-self:stretch}.member-access-form .btn{width:100%}}