:root{font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif;color:#102027;background:radial-gradient(circle at top left,rgba(255,206,128,.75),transparent 28%),radial-gradient(circle at right center,rgba(67,160,171,.28),transparent 32%),linear-gradient(160deg,#f9f5ef,#f2eee7 45%,#e8efe9);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}.shell{position:relative;min-height:100vh;overflow:hidden}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at top left,rgba(255,206,128,.75),transparent 28%),radial-gradient(circle at right center,rgba(67,160,171,.28),transparent 32%),linear-gradient(160deg,#f9f5ef,#f2eee7 45%,#e8efe9)}.auth-card{width:min(100%,31rem);border-radius:30px;padding:2rem;background:#fffc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(16,32,39,.08);box-shadow:0 22px 60px #212a2f1f}.auth-card h1{margin:.35rem 0 .7rem;font-size:clamp(2rem,5vw,3rem);line-height:.98;letter-spacing:-.04em}.auth-card__lead{margin:0 0 1.25rem;color:#45616b}.auth-form{display:grid;gap:.9rem}.shell__glow{position:absolute;width:32rem;height:32rem;border-radius:999px;filter:blur(64px);opacity:.32;pointer-events:none}.shell__glow--left{top:-10rem;left:-8rem;background:#e8a45e}.shell__glow--right{right:-12rem;bottom:-12rem;background:#4ba5a2}.app-layout{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:2.25rem}.hero-card,.panel,.detail-card,.info-card,.status-board{background:#ffffffb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(16,32,39,.08);box-shadow:0 22px 60px #212a2f14}.hero-card{display:flex;justify-content:space-between;gap:1.5rem;border-radius:28px;padding:2rem;margin-bottom:1.5rem}.hero-card h1{margin:.4rem 0 .75rem;font-size:clamp(2rem,4vw,3.8rem);line-height:.95;max-width:14ch;letter-spacing:-.04em}.hero-card__lead{max-width:60ch;color:#45616b;margin:0}.hero-card__status{display:flex;flex-direction:column;gap:.75rem;min-width:13rem;align-items:flex-end}.status-pill{border-radius:999px;padding:.7rem 1rem;background:#102027;color:#f9f5ef;font-size:.92rem;white-space:nowrap}.status-pill.muted{background:#10202714;color:#24343b}.logout-button{border:none;border-radius:999px;padding:.7rem 1rem;background:#8d3e3e1f;color:#7c2a2a;cursor:pointer;font-weight:700}.workspace{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(340px,1.2fr);gap:1.5rem}.workspace--wide{grid-template-columns:minmax(320px,.9fr) minmax(420px,1.35fr)}.stack-column{display:grid;gap:1.5rem}.panel{border-radius:28px;padding:1.5rem}.panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.panel__header h2{margin:.2rem 0 0;font-size:1.45rem}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.73rem;color:#7a6a47;font-weight:700}.field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}.field span{font-size:.92rem;color:#37515a}.field input,.field select{border:1px solid rgba(16,32,39,.12);border-radius:16px;padding:.95rem 1rem;background:#ffffffe6;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus{border-color:#2d7c84;box-shadow:0 0 0 4px #2d7c841f}.field--full{grid-column:1 / -1}.list-summary{margin:-.25rem 0 .9rem;color:#4f6972;font-size:.9rem}.action-grid{display:grid;gap:.85rem}.action-button{display:flex;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:1rem 1.05rem;border:none;border-radius:20px;background:linear-gradient(135deg,#112d32,#295761);color:#f6f7f3;text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.action-button span,.action-button strong{display:block}.action-button strong{font-size:.88rem;color:#f6f7f3db}.action-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 26px #112d3229}.action-button:disabled{cursor:not-allowed;opacity:.55}.action-button--secondary{background:linear-gradient(135deg,#7e5a2a,#ae7d38)}.action-button--accent{background:linear-gradient(135deg,#14655c,#24a38f)}.action-button--slim{padding:.85rem 1rem}.info-card,.status-board,.detail-card{border-radius:22px;padding:1rem 1.1rem;margin-top:1rem}.info-card__title,.status-board__title{margin:0 0 .35rem;font-weight:700}.status-board{border-left:5px solid #2d7c84}.status-board.error{border-left-color:#c24d4d;color:#772828}.customer-list{display:grid;gap:.7rem;max-height:28rem;overflow:auto;padding-right:.2rem}.customer-row{display:grid;gap:.2rem;width:100%;text-align:left;border:1px solid rgba(16,32,39,.08);border-radius:18px;padding:.95rem 1rem;background:#ffffffb8;cursor:pointer;transition:border-color .15s ease,transform .15s ease,background .15s ease}.customer-row:hover,.customer-row.selected{transform:translateY(-1px);border-color:#24a38f6b;background:#ebfbf6e6}.customer-row.disabled{opacity:.78}.customer-row__name{font-weight:700}.customer-row__topline{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.customer-row__meta{font-size:.88rem;color:#4f6972}.detail-card.empty{color:#506972}.detail-card__header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.detail-card__badges{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.detail-card__header h3{margin:.25rem 0 0;font-size:1.2rem}.detail-badge{border-radius:999px;padding:.5rem .8rem;background:#24a38f1f;color:#14655c;font-weight:700}.mini-badge{border-radius:999px;padding:.35rem .6rem;background:#10202714;color:#24343b;font-size:.78rem;font-weight:700;white-space:nowrap}.mini-badge.danger{background:#c24d4d1f;color:#8e3232}.section-card{margin-top:1rem}.panel__header.compact{margin-bottom:.6rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.inline-actions{display:flex;gap:.75rem;flex-wrap:wrap}.ghost-button{border:1px solid rgba(16,32,39,.12);border-radius:999px;padding:.72rem .95rem;background:#ffffffc2;color:#20343b;cursor:pointer;font-weight:700}.ghost-button.danger{color:#8e3232;border-color:#c24d4d38}.ghost-button.success{color:#14655c;border-color:#24a38f40}.invoice-detail-list{display:grid;gap:.7rem;max-height:16rem;overflow:auto;margin-bottom:1rem}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}.detail-grid dt{font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:#6a7b82;margin-bottom:.2rem}.detail-grid dd{margin:0;font-weight:600}.loading-state{border-radius:18px;padding:1.2rem;background:#ffffffb8;color:#4f6972}@media (max-width: 960px){.hero-card,.workspace{grid-template-columns:1fr;display:grid}.hero-card__status{align-items:flex-start}}@media (max-width: 640px){.app-layout{padding:1rem}.hero-card,.panel{border-radius:22px;padding:1rem}.action-button{flex-direction:column;align-items:flex-start}.form-grid,.detail-grid{grid-template-columns:1fr}}