.taskgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.task{background:white;border:1px solid var(--line);border-radius:15px;padding:22px;color:var(--navy);transition:transform .15s,border-color .15s}.task:hover{transform:translateY(-3px);border-color:var(--teal)}.task i{display:block;width:45px;height:45px;border-radius:12px;color:var(--teal);background:#e9f5f3;text-align:center;line-height:45px;font-style:normal;font-size:24px;margin-bottom:12px}.task strong{display:block;font-size:20px}.task small{color:var(--muted);display:block;margin-top:5px}.compact .task{padding:16px}.compact .task strong{font-size:15px}summary{cursor:pointer;padding:12px 0;font-weight:bold;color:var(--teal)}details[open]>summary{margin-bottom:15px}details .fields{margin-top:15px}.invoice-line{border:1px solid var(--line);padding:16px;border-radius:12px;margin-bottom:14px;background:#fbfdfe}.invoice-line .fields{grid-template-columns:2fr 1fr 1fr 1fr 1fr;align-items:end;gap:12px}.invoice-line label{font-size:12px;margin-bottom:5px}.linefooter{display:flex;justify-content:space-between;align-items:center;gap:15px}.lineheading{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:18px 0}.lineheading h2{margin:0}.lineheading input{width:280px;flex:1;min-width:170px}.bigmoney{display:block;color:var(--teal);font-size:28px;padding:10px 0}.savebig{width:100%;padding:16px;font-size:17px;margin-top:20px}.smallbtn{padding:4px 10px;font-size:12px;background:#e2f0f1;color:var(--teal)}.lowstock td{background:#fff8e9;color:#8e5d17}.fields input[type=number]{direction:ltr;text-align:right}.statement-summary{display:flex;gap:20px}.receipt .cards{grid-template-columns:repeat(3,1fr);margin-top:20px}.receipt .card strong{font-size:18px}.receipt .card{padding:12px}.invoice-line select{min-width:160px}.error{overflow-wrap:anywhere}.statushint{min-height:22px;color:var(--teal)}@media(max-width:1000px){.invoice-line .fields{grid-template-columns:repeat(2,1fr)}.invoice-line label:first-child{grid-column:1/-1}.taskgrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.taskgrid{gap:9px}.task{padding:15px}.task strong{font-size:16px}.task small{font-size:11px}.compact .task{padding:12px}.compact .task strong{font-size:12px}.invoice-line{padding:12px}.invoice-line .fields{gap:8px}.lineheading{display:block}.lineheading input{width:100%;margin:10px 0}.cards{grid-template-columns:repeat(2,1fr)}.bigmoney{font-size:25px}.receipt .cards{grid-template-columns:repeat(2,1fr)}.toolbar button,.toolbar a{padding:9px;font-size:12px}.workspace .panel .tablewrap{margin:0 -5px}.authcard{margin:15px}}@media print{.receipt .cards{grid-template-columns:repeat(3,1fr)}.receipt .card{padding:8px;break-inside:avoid}.receipt .card strong{font-size:14px}.receipt .card span{font-size:10px}.receipt p{color:#52687b}table{font-size:10px}}

@media(max-width:650px){aside .brand small{display:none}}

/* Gentle interface motion; no waits or loading overlays. */
@keyframes tours-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes tours-brand{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
.authcard{animation:tours-enter .42s ease-out both}
.authcard .brand{animation:tours-brand .55s ease-out both}
.workspace>.title,.workspace>.panel,.workspace>.intro,.workspace>.taskgrid,.workspace>.cards{animation:tours-enter .3s ease-out both}
.taskgrid .task{animation:tours-enter .35s ease-out both}
.taskgrid .task:nth-child(2){animation-delay:.035s}.taskgrid .task:nth-child(3){animation-delay:.07s}.taskgrid .task:nth-child(4){animation-delay:.105s}.taskgrid .task:nth-child(5){animation-delay:.14s}.taskgrid .task:nth-child(6){animation-delay:.175s}
.invoice-line{animation:tours-enter .2s ease-out both}
button,.btn,nav a,input,select,textarea{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
button:active,.btn:active{transform:scale(.98)}.task:hover{box-shadow:0 8px 22px #132c420c}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{*,*::before,*::after{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}