.btn{--button-bg:var(--color-primary);--button-color:var(--color-white);--button-border-color:transparent;display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--button-border-color);border-radius:var(--radius-pill);padding:.55rem 1.3rem;background:var(--button-bg);color:var(--button-color);text-decoration:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform 160ms ease,background-color 160ms ease,color 160ms ease,box-shadow 160ms ease,border-color 160ms ease;box-shadow:0 0 0 transparent}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(24,24,24,.1)}.btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none}.btn-small{min-height:44px;padding-block:0.45rem;padding-inline:0.8rem;font-size:.8rem}.btn-primary{--button-bg:var(--color-orange);--button-color:var(--color-white)}.btn-outline{--button-bg:var(--color-surface);--button-color:var(--color-text);--button-border-color:var(--color-border)}.btn-outline:hover{--button-bg:var(--color-surface-strong);--button-border-color:var(--color-text-faint)}.btn-ghost{--button-bg:var(--color-bg-tint);--button-color:var(--color-text)}.btn-ghost:hover{--button-bg:var(--color-border)}.btn-danger{--button-bg:#dc4c3f;--button-color:#fff}.btn-success{--button-bg:#43aa68;--button-color:#fff}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.site-card{background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-soft);min-width:0;transition:box-shadow .25s var(--ease-out-expo),transform .25s var(--ease-out-expo)}.site-card:hover{transform:translateY(-2px) scale(1.005)}.site-card h3{margin:0 0 .5rem;font-size:1.2rem}.site-tag{margin:0 0 .55rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-orange);font-weight:700}.site-desc{margin:0;color:var(--color-ink-soft)}.filters{margin-bottom:1.5rem}.filter-row{display:flex;flex-wrap:wrap;gap:.5rem;background:var(--color-surface);border-radius:var(--radius-md);padding:.5rem;border:1px solid var(--color-border)}.filter-pill{border:0;border-radius:var(--radius-pill);background:var(--color-bg-tint);color:var(--color-text);font-size:.84rem;font-weight:600;padding:0 .9rem;height:38px}.filter-pill.is-active{background:var(--color-primary);color:var(--color-white)}.featured-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(1rem,2.2vw,2rem);box-shadow:var(--shadow-panel)}.feature-list{margin:.8rem 0 0;padding-left:1rem}.feature-list li{margin-bottom:.42rem}.featured-art{border-radius:16px;min-height:240px;background:linear-gradient(120deg,var(--color-primary) 0,#404040 34%,#8f8f8f 56%,var(--color-yellow) 100%);position:relative;overflow:hidden}.featured-art::after,.featured-art::before{content:"";position:absolute;border-radius:50%}.featured-art::before{width:160px;height:160px;top:12%;right:9%;background:rgba(255,255,255,.5)}.featured-art::after{width:180px;height:180px;bottom:5%;left:-8%;background:rgba(80,43,216,.48)}.table-wrap{overflow-x:auto;background:var(--color-card-solid);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-soft);max-width:100%}.compare-table{width:100%;min-width:100%;border-collapse:collapse;table-layout:fixed}.compare-table td,.compare-table th{text-align:left;vertical-align:top;padding:.85rem;border-bottom:1px solid var(--color-border);font-size:.9rem;word-break:break-word;overflow-wrap:anywhere}.compare-table th{background:var(--color-bg-subtle);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.compare-table tbody tr:last-child td{border-bottom:0}.form-grid{display:grid;gap:.8rem}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}label{display:grid;gap:.3rem;font-size:.85rem;font-weight:600}.field-block{gap:.45rem}.field-hint{font-size:.78rem;font-weight:400;color:var(--color-muted,#888);margin-top:-.1rem}input,select,textarea{width:100%;min-height:44px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-strong);color:var(--color-text);font-family:inherit;font-size:.9rem;padding:.62rem .85rem;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:2px solid rgba(250,93,41,.5);outline-offset:1px;border-color:var(--color-orange);box-shadow:0 0 0 3px rgba(250,93,41,.12)}[aria-invalid=true]{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(220,76,63,.12)}[aria-invalid=true]:focus{outline-color:var(--color-error);border-color:var(--color-error)}textarea{min-height:92px;resize:vertical}.char-counter{display:block;text-align:right;font-size:.75rem;color:var(--color-text-muted);margin-top:.25rem}.form-actions{display:flex;gap:.5rem;flex-wrap:wrap}.meta-row{display:flex;flex-wrap:wrap;gap:.4rem}.meta-row span{height:28px;display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:0 .7rem;background:var(--color-bg-tint);font-size:.76rem;font-weight:600}.collection{margin:0;padding:0;list-style:none;display:grid;gap:.6rem}.collection-item{border:1px solid var(--color-border);border-radius:14px;padding:.85rem;background:var(--color-surface)}.collection-item h4{margin:0 0 .35rem;font-size:1rem}.collection-item p{margin:0;color:var(--color-text-soft);font-size:.9rem}.collection-item.is-unread{border-color:rgba(250,93,41,.3);background:rgba(250,93,41,.04)}.collection-item.is-unread h4::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--color-primary);margin-right:.45rem;vertical-align:middle;position:relative;top:-1px}.status-badge{display:inline-flex;align-items:center;height:26px;border-radius:var(--radius-pill);padding:0 .6rem;font-size:.72rem;font-weight:700;letter-spacing:.03em;border:1px solid var(--color-border);background:var(--color-card-solid)}.status-payment_pending,.status-requested{background:#fff7d9;color:#7a5d00}.status-accepted,.status-completed,.status-confirmed,.status-paid,.status-resolved,.status-scheduled{background:#e5f8ea;color:#1a5c2e}.status-cancelled,.status-declined,.status-open,.status-warning{background:#ffe6e2;color:#9c2b1f}.status-reviewing{background:#e6ecff;color:#2b3f8e}[data-theme=dark] .status-payment_pending,[data-theme=dark] .status-requested{background:rgba(180,140,20,.18);color:#e8c94a;border-color:rgba(180,140,20,.3)}[data-theme=dark] .status-accepted,[data-theme=dark] .status-completed,[data-theme=dark] .status-confirmed,[data-theme=dark] .status-paid,[data-theme=dark] .status-resolved,[data-theme=dark] .status-scheduled{background:rgba(67,170,104,.15);color:#6dd98e;border-color:rgba(67,170,104,.3)}[data-theme=dark] .status-cancelled,[data-theme=dark] .status-declined,[data-theme=dark] .status-open,[data-theme=dark] .status-warning{background:rgba(200,60,45,.15);color:#ef8a80;border-color:rgba(200,60,45,.3)}[data-theme=dark] .status-reviewing{background:rgba(70,90,200,.15);color:#8da4f0;border-color:rgba(70,90,200,.3)}.empty-state{border:1px dashed var(--color-text-faint);border-radius:var(--radius-sm);padding:1.15rem;text-align:center;color:var(--color-text-soft);background:var(--color-surface)}.toast-root{position:fixed;right:14px;bottom:14px;z-index:90;display:grid;gap:.35rem}.toast{min-width:0;width:min(360px,calc(100vw - 24px));border-radius:var(--radius-sm);padding:.7rem .85rem;background:var(--color-primary);color:#fff;opacity:0;transform:translateY(4px);transition:all .2s ease;font-size:.88rem}.toast.is-visible{opacity:1;transform:translateY(0)}.toast-success{background:#1f8758}.toast-warning{background:#b26a06}.toast-danger{background:#af3528}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.kpi{border:1px solid var(--color-border);background:var(--color-card-solid);border-radius:var(--radius-sm);padding:.8rem}.kpi small{display:block;font-size:.78rem;opacity:.7;margin-bottom:.3rem}.kpi strong{font-size:1.25rem}.tree,.tree ul{margin:0;padding:0;list-style:none}.tree>li{margin-bottom:.55rem}.tree li{position:relative;padding-left:.85rem}.tree li::before{content:"";position:absolute;left:0;top:.52rem;width:.42rem;height:1px;background:var(--color-text-faint)}.tree ul{margin-top:.3rem;margin-left:.34rem;border-left:1px solid var(--color-border);padding-left:.52rem}@media (max-width:1000px){.card-grid,.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-card,.form-row,.split-grid{grid-template-columns:1fr}}@media (max-width:640px){.card-grid,.kpi-grid{grid-template-columns:1fr}.compare-table{min-width:100%;table-layout:auto}}