:root{color-scheme:light dark;--bg:light-dark(#f4f7f5,#16201c);--panel:light-dark(#fff,#202d26);--text:light-dark(#243c30,#e2eee6);--muted:light-dark(#62776a,#a7b9ae);--line:light-dark(#ccd9d0,#4c6253);--green:light-dark(#1e6b3e,#76cf98);--soft:light-dark(#d4e8da,#34533e);--button-text:light-dark(#fff,#132219);--error:light-dark(#9b2929,#ffb3b3)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,sans-serif}main{max-width:560px;padding:32px 20px;margin:6vh auto}header{margin-bottom:28px}.brand{font-size:36px;font-weight:600;letter-spacing:-1.5px}.brand span{color:var(--green)}header p,footer{color:var(--muted)}section{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:13px}h1{font-size:24px;margin:0 0 24px}label{display:grid;gap:7px;margin-bottom:18px}input,button{font:inherit;border-radius:8px;padding:12px;min-width:0;width:100%}input{border:1px solid var(--line);background:var(--panel);color:var(--text)}button{background:var(--green);color:var(--button-text);border:0;cursor:pointer}.notice{padding:16px;background:var(--soft);border-radius:8px}.error{color:var(--error)}footer{font-size:13px;margin-top:22px}@media(max-width:400px){main{padding:20px 12px}section{padding:20px}}

main.workspace{max-width:1100px;margin:24px auto}a{color:var(--green)}select{font:inherit;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:12px}.search{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.search label{flex:1;min-width:180px;margin:0}.search button{width:auto}.search a{padding:12px 0}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px;vertical-align:top;overflow-wrap:anywhere}nav{display:flex;gap:24px;margin:20px 0}section>form:last-child button{width:auto}

.customer-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 24px}.customer-fields>div{padding:10px 0;min-width:0}dt{font-weight:600}dd{margin:4px 0;overflow-wrap:anywhere}textarea{font:inherit;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);width:100%}.actions{display:flex;align-items:center;gap:24px}.actions button{width:auto}

.check{display:flex;align-items:flex-start;gap:10px}.check input{width:auto;margin-top:7px}nav{flex-wrap:wrap}