:root{font-family:Inter, system-ui, sans-serif;color:#17202a;background:#eef1f4}*{box-sizing:border-box}body{margin:0}a{color:#135da8}.topbar{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem .6rem;background:#17202a;color:white}.topbar a{color:white;text-decoration:none}.brand{font-weight:700;font-size:.82rem}.nav{display:flex;align-items:center;gap:.35rem}.topbar .nav-tab{padding:.25rem .45rem;border:1px solid #667585;border-radius:2px;font-size:.8rem}.topbar .nav-tab:hover{border-color:#cbd5e1;background:#344454}.profile-menu{position:relative}.new-order-button{background:#1769aa;color:white;text-decoration:none;padding:.5rem .75rem;border-radius:6px;float:right}.profile-menu summary{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:2px;background:#e8edf2;cursor:pointer;list-style:none}.profile-menu summary::-webkit-details-marker{display:none}.profile-menu summary:focus-visible{outline:3px solid #8cc7ff;outline-offset:2px}.profile-icon{font-size:1rem}.profile-dropdown{position:absolute;z-index:1;top:calc(100% + .25rem);right:0;display:grid;gap:.35rem;min-width:220px;padding:.6rem;border:1px solid #dfe5ea;border-radius:2px;background:white;box-shadow:0 4px 10px rgba(20,35,50,0.16);color:#17202a}.profile-dropdown span{color:#6b7785;font-size:.85rem}.topbar .profile-dropdown a{color:#135da8}.profile-dropdown form{margin:.4rem 0 0}main{margin:0 auto;padding:.25rem}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.page-heading h1{margin:0}.card{background:white;border:1px solid #dfe5ea;border-radius:2px;padding:.5rem;box-shadow:none}.button{display:inline-block;border:0;border-radius:2px;padding:.35rem .55rem;background:#1769aa;color:white;text-decoration:none;cursor:pointer;font:inherit;font-size:.85rem}.button.secondary{background:#e8edf2;color:#17202a}button:not(.button){border:1px solid #b8c2cc;border-radius:2px;padding:.3rem .45rem;background:white;color:#344454;cursor:pointer;font:inherit}.danger-button{color:#b42318}.muted{color:#6b7785}.empty{padding:1rem .5rem;text-align:center;color:#6b7785}.form-shell{max-width:none}.form-card{background:white;border:1px solid #dfe5ea;border-radius:2px;padding:.6rem;box-shadow:none}.form-section{border:0;border-top:1px solid #e5e9ed;margin:.75rem 0 0;padding:.75rem 0 0}.form-section:first-of-type{border-top:0;margin-top:0;padding-top:0}.section-title{margin:0 0 .15rem;font-size:1rem}.section-help{margin:0 0 .5rem;color:#6b7785;font-size:.92rem}.form-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:.5rem .75rem}.field{display:flex;flex-direction:column;gap:.15rem}.field.full{grid-column:1 / -1}.field label{color:#344454;font-size:.8rem;font-weight:600}.field input,.field select,.field textarea{width:100%;padding:.4rem .5rem;border:1px solid #b8c2cc;border-radius:2px;background:white;color:#17202a;font:inherit}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1769aa;box-shadow:0 0 0 2px rgba(23,105,170,0.18);outline:0}.field-error,.errorlist{margin:0;padding:0;color:#b42318;font-size:.85rem;list-style:none}.form-errors{margin-bottom:.5rem;padding:.45rem .6rem;border:1px solid #f3b6b2;border-radius:2px;background:#fff3f2;color:#b42318}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.75rem}.button.cancel{background:transparent;color:#566574}.required-note{color:#6b7785;font-size:.85rem}.messages{max-width:1500px;margin:.25rem auto 0;padding:0 .25rem;list-style:none}.messages li{padding:.4rem .6rem;border-radius:2px;background:#dcf7e5;color:#16723a}.messages li.error{background:#fff3f2;color:#b42318}@media (max-width: 700px){.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.form-card{padding:1rem}.form-actions{justify-content:stretch;flex-direction:column-reverse}.form-actions .button{width:100%;text-align:center}main{padding:1rem}.topbar{padding:1rem}.page-heading{align-items:flex-start;flex-direction:column}}
