@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');:root{--orange:#f26722;--ink:#182230;--muted:#667085;--line:#e7eaf0;--bg:#f6f8fb;--card:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.55}.top{height:auto;min-height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px max(22px,calc((100% - 1160px)/2));gap:18px}.brand{font-size:19px;font-weight:800;color:var(--orange);text-decoration:none}.top nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.top a,.actions a{color:#344054;text-decoration:none}.top a:hover,.actions a:hover{color:var(--orange)}.wrap{max-width:1160px;margin:34px auto;padding:0 22px;min-height:75vh}footer{text-align:center;color:#98a2b3;padding:22px;border-top:1px solid var(--line)}h1{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:6px 0 12px}h2{font-size:18px;margin:0 0 16px}h3{font-size:16px;margin:24px 0 10px}.muted{color:var(--muted)}.eyebrow{color:var(--orange);font-weight:800;font-size:11px;letter-spacing:1.5px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;margin:18px 0;box-shadow:0 4px 20px #172b4d05}.hero{padding:28px 0 16px}.hero h1{font-size:38px}.headrow{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat{padding:20px;border-radius:14px;background:#fff;border:1px solid var(--line)}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{display:block;font-size:28px;margin-top:8px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:block;font-weight:600;margin:13px 0;color:#344054}input,textarea,select{display:block;width:100%;margin-top:6px;border:1px solid #d0d5dd;border-radius:9px;padding:11px 12px;font:inherit;color:var(--ink);background:#fff;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f267221c}textarea{resize:vertical}button,.btn{font:inherit;font-weight:700;cursor:pointer;border:0;border-radius:9px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.primary{background:var(--orange);color:white}.primary:hover{background:#dc5718}.secondary{background:#f2f4f7;color:#344054}.link{padding:0;background:transparent;color:#344054}.inline{display:inline}.inlineform{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.inlineform select{min-width:170px}.notice,.error{padding:13px 16px;border-radius:10px;margin:14px 0;background:#fff2e9;color:#9c3b0b;border:1px solid #ffd7bf}.error{background:#fff0f0;color:#b42318;border-color:#fecdca}.tablewrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line)}th{color:#667085;font-size:11px;text-transform:uppercase;letter-spacing:.6px;background:#fafbfc}td a{color:#c64c13;text-decoration:none}.badge{display:inline-flex;padding:4px 9px;border-radius:99px;background:#f2f4f7;color:#475467;font-size:11px;font-weight:700}.b-open{background:#fff2df;color:#9a4d00}.b-in-progress{background:#eaf2ff;color:#175cd3}.b-resolved,.b-paid{background:#dcfae6;color:#067647}.b-closed,.b-rejected{background:#f2f4f7;color:#475467}.b-pending-approval,.b-waiting-for-customer{background:#fff2df;color:#9a4d00}.remark{padding:14px 0;border-bottom:1px solid var(--line)}.remark p{margin-bottom:0;white-space:normal}.pirow{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.pirow p{margin:5px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.auth{max-width:460px;margin:50px auto}.auth .primary{width:100%;margin-top:10px}.install{max-width:760px;margin:35px auto}.install h2{margin-top:25px}.install .primary{margin-top:12px}code{overflow-wrap:anywhere;background:#f2f4f7;padding:2px 5px;border-radius:4px}@media(max-width:700px){.top{align-items:flex-start;flex-direction:column}.top nav{gap:12px}.wrap{padding:0 14px;margin-top:20px}.card{padding:17px}.grid2,.stats{grid-template-columns:1fr}.headrow{align-items:flex-start;flex-direction:column}h1{font-size:25px}.hero h1{font-size:32px}.pirow{align-items:flex-start;flex-direction:column}}
/* Clean enterprise dashboard treatment */
:root{--bg:#fff;--line:#e5e5e5;--card:#fff;--ink:#111;--muted:#737373;--orange:#f26722}
body{background:#fff;color:#111;font-size:13px}.top{min-height:58px;padding:10px 18px 10px 16px;border-bottom:1px solid #e5e5e5;box-shadow:none}.brand{color:#111;font-size:16px;font-weight:750}.top nav{gap:20px}.wrap{max-width:none;margin:24px 0;padding:0 24px;min-height:calc(100vh - 120px)}.card,.stat{border:1px solid #e5e5e5;border-radius:12px;box-shadow:0 1px 2px #0000000a;padding:20px}.stats{gap:12px}.stat strong{font-size:25px}h1{font-size:24px;letter-spacing:-.45px}h2{font-size:15px;letter-spacing:-.1px}.eyebrow{letter-spacing:.7px}input,textarea,select{border-radius:7px;border-color:#d8d8d8;padding:10px 11px}button,.btn{border-radius:7px}.primary{background:#f26722}.tablewrap{border:1px solid #e5e5e5;border-radius:8px}table{font-size:12px}th,td{padding:11px 12px;border-bottom:1px solid #e8e8e8}th{background:#fafafa;color:#555;font-size:11px;text-transform:none;letter-spacing:0}.badge{font-weight:600}footer{border:0}@media(max-width:700px){.top{padding:12px 14px;flex-direction:row;align-items:center}.top nav{gap:10px;font-size:12px}.wrap{padding:0 12px;margin-top:16px}.card{padding:15px}.tablewrap{overflow-x:auto}.stats{grid-template-columns:repeat(1,minmax(0,1fr))}.headrow{gap:10px}}
/* Sidebar workspace + simplified user administration */
body:has(.app-shell){background:#f7f8fa}.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;flex:0 0 245px;background:#fff;border-right:1px solid #e7e9ee;display:flex;flex-direction:column;padding:18px 13px;position:sticky;top:0;height:100vh}.side-brand{display:flex;align-items:center;min-height:36px;padding:0 12px;margin-bottom:26px;color:#283448}.side-label{font-size:10px;font-weight:800;letter-spacing:1px;color:#98a2b3;padding:0 12px;margin:10px 0 8px}.side-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;color:#475467;text-decoration:none;font-weight:550;margin:2px 0}.side-link:hover,.side-link.active{background:#fff1e9;color:#e85d18}.side-link.active{font-weight:750}.side-bottom{margin-top:auto;border-top:1px solid #edf0f3;padding:15px 5px 0}.user-chip{display:flex;align-items:center;gap:10px;margin-bottom:12px;min-width:0}.user-chip b,.user-chip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.user-chip b{font-size:12px}.user-chip small{color:#98a2b3;font-size:11px}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#fff0e7;color:#e85d18;border-radius:50%;font-weight:800}.side-logout{background:transparent;color:#667085;width:100%;justify-content:flex-start;padding:9px 10px}.side-logout:hover{background:#f5f6f8}.app-main{min-width:0;flex:1}.workspace-top{height:58px;background:#fff;border-bottom:1px solid #e7e9ee;display:flex;align-items:center;justify-content:space-between;padding:0 28px;font-weight:650}.top-user{font-size:12px;color:#667085;font-weight:500}.app-main .wrap{margin:0;padding:27px 28px;min-height:calc(100vh - 100px)}.app-main footer{display:none}.user-tabs{display:flex;gap:8px;margin:8px 0 16px;flex-wrap:wrap}.user-tabs a{display:inline-flex;align-items:center;padding:10px 15px;border:1px solid #e3e6eb;border-radius:9px;color:#475467;text-decoration:none;background:#fff;font-weight:650}.user-tabs a.selected{background:#fff1e9;border-color:#ffc9ab;color:#d94f0e}.user-create-card{max-width:980px}.form-heading{display:flex;gap:12px;align-items:center;margin-bottom:20px}.form-heading h2{margin:0 0 4px}.form-heading p{margin:0}.form-icon{width:42px;height:42px;border-radius:12px;background:#fff0e7;color:#e85d18;display:grid;place-items:center;font-size:21px}.simple-form .grid2{max-width:800px;gap:4px 20px}.required{color:#e85d18}.form-hint{margin:16px 0;padding:12px 14px;background:#f8fafc;border:1px solid #edf0f3;border-radius:8px;color:#667085;font-size:12px;max-width:800px}.form-actions{display:flex;align-items:center;gap:10px;margin-top:18px}.search-input{max-width:320px;margin:0}.filter-row{display:flex;gap:7px;margin:4px 0 14px}.filter-chip{background:#fff;border:1px solid #e2e5e9;color:#667085;padding:7px 12px;border-radius:20px;font-size:12px}.filter-chip.active{background:#fff1e9;border-color:#ffc9ab;color:#d94f0e}.role-pill{display:inline-block;background:#f2f4f7;color:#475467;border-radius:5px;padding:4px 7px;font-size:11px;font-weight:700}tr[hidden]{display:none!important}
@media(max-width:850px){.sidebar{width:205px;flex-basis:205px}.app-main .wrap{padding:20px 16px}.workspace-top{padding:0 16px}}
@media(max-width:650px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:10px 12px;border-right:0;border-bottom:1px solid #e7e9ee}.side-brand{margin-bottom:8px;padding:0 6px}.side-label,.side-bottom{display:none}.sidebar .side-link{display:inline-flex;padding:8px 10px;font-size:12px;margin:0 2px 2px 0}.workspace-top{height:46px;font-size:12px}.top-user{display:none}.app-main .wrap{padding:16px 12px}.user-create-card{padding:16px}.form-actions{align-items:stretch;flex-direction:column}.form-actions>*{width:100%}.search-input{max-width:none;width:100%;margin-top:8px}.app-main .headrow{width:100%}.app-main .headrow:has(.search-input){display:block}.user-tabs a{flex:1;justify-content:center;font-size:12px}.filter-row{flex-wrap:wrap}}
/* Visual custom-field builder, theme switch and customer signup */
.top-actions{display:flex;align-items:center;gap:16px}.theme-toggle{background:transparent;border:1px solid var(--line);color:var(--ink);padding:7px 10px;font-size:12px}.field-builder{display:grid;gap:12px;margin:14px 0}.field-builder-row{border:1px solid var(--line);border-radius:10px;padding:15px;background:var(--card)}.field-builder-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.field-builder-title .link{color:#d94f0e}.required-check{display:flex;align-items:center;gap:10px}.required-check input{width:18px;height:18px;margin:0}.empty-fields{border:1px dashed var(--line);border-radius:9px;padding:20px;color:var(--muted)}
html[data-theme="dark"]{color-scheme:dark;--bg:#111318;--card:#1a1d24;--ink:#f3f4f6;--muted:#a1a7b3;--line:#303541}html[data-theme="dark"] body,html[data-theme="dark"] body:has(.app-shell){background:var(--bg);color:var(--ink)}html[data-theme="dark"] .sidebar,html[data-theme="dark"] .workspace-top,html[data-theme="dark"] .top,html[data-theme="dark"] .card,html[data-theme="dark"] .stat,html[data-theme="dark"] .user-tabs a,html[data-theme="dark"] .field-builder-row{background:var(--card);color:var(--ink);border-color:var(--line)}html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select{background:#111318;color:var(--ink);border-color:#414754}html[data-theme="dark"] th{background:#20242d;color:#cbd0d9}html[data-theme="dark"] td,html[data-theme="dark"] th{border-color:var(--line)}html[data-theme="dark"] .side-link{color:#c4cad5}html[data-theme="dark"] .side-link:hover,html[data-theme="dark"] .side-link.active,html[data-theme="dark"] .user-tabs a.selected,html[data-theme="dark"] .filter-chip.active{background:#442719;color:#ff9a67;border-color:#704027}html[data-theme="dark"] .form-hint{background:#20242d;border-color:var(--line);color:var(--muted)}html[data-theme="dark"] .secondary,html[data-theme="dark"] .filter-chip{background:#292e38;color:#e2e5eb;border-color:#414754}html[data-theme="dark"] .role-pill,html[data-theme="dark"] code{background:#292e38;color:#e2e5eb}html[data-theme="dark"] .tablewrap{border-color:var(--line)}html[data-theme="dark"] footer{color:var(--muted)}
@media(max-width:650px){.top-actions{gap:8px}.top-actions .top-user{display:none}.field-builder-row .grid2{grid-template-columns:1fr}.theme-toggle{padding:6px 8px}}