@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{color:#1e2936;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f2ed;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}:root{--ink:#1e2936;--muted:#73808c;--paper:#f4f2ed;--surface:#fffdf9;--line:#e1ddd5;--navy:#25435a;--blue:#3e7189;--green:#4b8069;--amber:#ad7e38;--red:#a8584f;--serif:"Playfair Display", Georgia, serif}#root{min-height:100vh}.app-frame{background:var(--paper);min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#dce7ea;flex-direction:column;flex:0 0 244px;width:244px;padding:26px 16px 18px;display:flex}.brand,.auth-brand{color:#fff;align-items:center;gap:11px;display:flex}.brand small,.mini-user small{color:#9eb4bd;letter-spacing:.04em;text-transform:uppercase;margin-top:2px;font-size:11px;display:block}.brand-mark{color:#fff;width:34px;height:34px;font-family:var(--serif);border:1px solid #ffffff80;place-items:center;font-size:20px;display:grid}.sidebar nav{gap:4px;margin-top:70px;display:grid}.nav-item{color:#adc0c6;border-left:2px solid #0000;align-items:center;gap:12px;padding:12px 13px;font-size:14px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff17;border-left-color:#d7bd91}.sidebar-foot{border-top:1px solid #ffffff26;margin-top:auto;padding-top:16px}.mini-user{align-items:center;gap:10px;margin-bottom:16px;font-size:13px;display:flex}.mini-user>span,.avatar{width:31px;height:31px;color:var(--navy);text-transform:uppercase;background:#d9c59d;border-radius:50%;place-items:center;font-weight:700;display:grid}.signout{color:#b8c8cc;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:13px;display:flex}.main{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fffdf9cc;justify-content:space-between;align-items:center;height:72px;padding:0 38px;display:flex}.crumb,.top-actions{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.crumb strong{color:var(--ink);font-weight:600}.top-actions{gap:13px}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4b80691f}.icon-button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:6px;display:inline-grid}.mobile-menu,.mobile-close{display:none}.page-wrap{max-width:1380px;margin:auto;padding:42px 48px 70px}.page-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px;display:flex}.eyebrow{color:var(--blue);letter-spacing:.15em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:700;display:block}.page-header h1,.auth-heading h2{font-family:var(--serif);color:var(--ink);letter-spacing:-.02em;margin:0}.page-header h1{font-size:clamp(32px,4vw,48px);line-height:1.05}.page-header p{color:var(--muted);margin:12px 0 0;font-size:15px}.primary-button,.secondary-button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.primary-button{color:#fff;background:var(--navy)}.primary-button:hover{background:#193347;transform:translateY(-1px)}.primary-button.compact{padding:10px 13px}.secondary-button{color:var(--ink);border:1px solid var(--line);background:var(--surface)}.secondary-button.full{width:100%;margin-top:20px}.text-button{color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:600}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.stat-card,.panel{border:1px solid var(--line);background:var(--surface)}.stat-card{min-height:151px;padding:20px;position:relative}.stat-icon{color:var(--blue);position:absolute;top:19px;right:18px}.stat-card>span{color:var(--muted);font-size:12px}.stat-card strong{color:var(--ink);margin:20px 0 8px;font-size:34px;line-height:1;display:block}.stat-card small{color:var(--muted);font-size:12px}.dashboard-grid{grid-template-columns:1.55fr 1fr;gap:22px;display:grid}.panel{padding:24px}.panel-title{justify-content:space-between;align-items:start;margin-bottom:18px;display:flex}.panel-title h2,.panel h2{font-family:var(--serif);color:var(--ink);margin:0;font-size:23px}.panel-title a{color:var(--blue);align-items:center;gap:4px;font-size:13px;display:inline-flex}.panel-copy{color:var(--muted);margin:10px 0 26px;font-size:14px;line-height:1.6}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:0 12px 12px;font-size:11px;font-weight:600}td{white-space:nowrap;border-bottom:1px solid #ebe8e1;padding:15px 12px}tr:last-child td{border-bottom:0}.mono{color:var(--muted);font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.badge{text-transform:capitalize;color:#687178;background:#eeeae2;align-items:center;padding:5px 8px;font-size:11px;display:inline-flex}.badge.active,.badge.delivered{color:#387159;background:#e3f0e9}.badge.inactive,.badge.cancelled{color:#99534a;background:#f5e3df}.badge.pending{color:#946c2e;background:#f7edd8}.badge.confirmed,.badge.processing,.badge.shipped{color:#376a80;background:#e2edf2}.stock-row{border-bottom:1px solid #ebe8e1;align-items:center;gap:11px;padding:13px 0;display:flex}.stock-row:last-child{border-bottom:0}.stock-row>div{flex:1}.stock-row strong,.stock-row small{display:block}.stock-row small{color:var(--muted);margin-top:4px;font-size:11px}.product-avatar{width:33px;height:33px;color:var(--blue);background:#e8e1d4;place-items:center;font-size:12px;font-weight:700;display:grid}.stock{color:var(--green);font-size:12px}.stock.low{color:var(--red)}.toolbar{align-items:center;gap:10px;margin-bottom:18px;display:flex}.search-box{border:1px solid var(--line);background:var(--surface);min-width:280px;color:var(--muted);align-items:center;gap:9px;padding:10px 12px;display:flex}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.toolbar select{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:10px 12px;font-size:13px}.person-cell{align-items:center;gap:10px;display:flex}.split-grid{grid-template-columns:1.4fr .8fr;gap:22px;display:grid}.tree{margin:4px -24px -24px}.tree-row{min-height:47px;color:var(--muted);border-top:1px solid #ebe8e1;align-items:center;gap:9px;font-size:13px;display:flex}.tree-row strong{color:var(--ink)}.tree-row span:not(.badge){color:#a2a29d;margin-left:auto;margin-right:16px;font-family:ui-monospace,monospace;font-size:11px}.stack-form{gap:14px;display:grid}.stack-form label,.auth-form label{color:var(--muted);gap:7px;font-size:12px;font-weight:600;display:grid}.stack-form input,.auth-form input{border:1px solid var(--line);width:100%;color:var(--ink);outline-color:var(--blue);background:#fff;padding:12px}.form-error{color:#9b4c45;background:#f7e8e4;border:1px solid #e8c8c1;padding:11px 13px;font-size:13px}.success-message{color:var(--green);background:#e3f0e9;padding:10px 12px;font-size:13px}.product-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.product-card{background:var(--surface);border:1px solid var(--line)}.product-image{color:#b5a78f;height:170px;font-family:var(--serif);background:#e8e1d4;place-items:center;font-size:49px;display:grid}.product-card-copy{padding:18px}.product-meta,.product-price{justify-content:space-between;align-items:center;gap:10px;display:flex}.product-meta>span{color:var(--muted);font-size:12px}.product-card h3{color:var(--ink);margin:16px 0 5px;font-size:17px}.product-price{justify-content:flex-start;margin-top:15px}.product-price strong{font-size:20px}.product-price del{color:var(--muted);font-size:13px}.loading-line{gap:8px;padding:26px 0;display:flex}.loading-line span{background:#a8b6b8;border-radius:50%;width:8px;height:8px;animation:1s infinite alternate pulse}.loading-line span:nth-child(2){animation-delay:.2s}.loading-line span:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.25;transform:translateY(-3px)}}.empty{min-height:180px;color:var(--muted);align-content:center;place-items:center;gap:8px;display:grid}.empty p{margin:0;font-size:13px}.profile-layout{grid-template-columns:260px 1fr;gap:22px;max-width:780px;display:grid}.profile-identity{padding:25px 0}.profile-avatar{background:var(--navy);color:#fff;width:72px;height:72px;font-family:var(--serif);place-items:center;margin-bottom:20px;font-size:33px;display:grid}.profile-identity h2{font-family:var(--serif);margin:0 0 5px}.profile-identity p{color:var(--muted);margin:0 0 14px;font-size:13px}.auth-page{background:var(--paper);grid-template-columns:1fr 460px;min-height:100vh;display:grid}.auth-art{background:var(--navy);color:#fff;padding:10vw 9vw;position:relative;overflow:hidden}.auth-art:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-200px;right:-170px;box-shadow:0 0 0 50px #ffffff06,0 0 0 100px #ffffff05}.art-copy{z-index:1;max-width:510px;position:relative}.art-copy .eyebrow{color:#c6aa7b}.art-copy h1{font-family:var(--serif);letter-spacing:-.045em;margin:24px 0;font-size:clamp(42px,5vw,78px);line-height:1.02}.art-copy p{color:#b6c9ce;max-width:360px;line-height:1.7}.art-stamp{z-index:2;color:#c6aa7b;text-align:center;letter-spacing:.12em;border:1px solid #c6aa7b;padding:12px 14px;font-size:9px;line-height:1.5;position:absolute;bottom:55px;right:11%;transform:rotate(-8deg)}.art-stamp strong{font-family:var(--serif);font-size:30px;line-height:1}.auth-panel{background:var(--surface);flex-direction:column;justify-content:center;padding:38px 54px;display:flex}.auth-brand{color:var(--navy);margin-bottom:80px}.auth-brand .brand-mark{color:var(--navy);border-color:var(--navy)}.auth-heading h2{font-size:34px}.auth-heading p{color:var(--muted);margin:10px 0 30px;font-size:14px}.auth-form{gap:17px;display:grid}.auth-switch{color:var(--muted);margin-top:24px;font-size:13px}.auth-switch a{color:var(--blue);font-weight:700}@media (width<=900px){.sidebar{z-index:10;transition:transform .25s;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:10px 0 30px #14283226}.sidebar.open{transform:translate(0)}.mobile-menu,.mobile-close{display:inline-grid}.mobile-close{color:#fff;margin-left:auto}.topbar{padding:0 20px}.crumb{margin-left:5px}.top-actions{display:none}.page-wrap{padding:30px 20px 50px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.split-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.auth-page{grid-template-columns:1fr}.auth-art{min-height:290px;padding:45px 28px}.art-copy h1{font-size:44px}.art-stamp{bottom:26px;right:28px}.auth-panel{padding:38px 28px 55px}.auth-brand{margin-bottom:54px}}@media (width<=560px){.page-header{flex-direction:column;align-items:start}.page-header h1{font-size:35px}.stats-grid{gap:9px}.stat-card{min-height:132px;padding:14px}.stat-card strong{margin-top:19px;font-size:27px}.panel{padding:17px}.product-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.search-box{min-width:0}.profile-layout{grid-template-columns:1fr}.tree{margin-left:-17px;margin-right:-17px}.tree-row span:not(.badge){display:none}}.full-list{display:grid}.entity-row{border-bottom:1px solid #ebe8e1;justify-content:space-between;align-items:center;gap:16px;padding:15px 0;display:flex}.entity-row:last-child{border-bottom:0}.entity-row strong,.entity-row small{display:block}.entity-row small{color:var(--muted);margin-top:5px;font-size:12px}.entity-row>span{align-items:center;gap:10px;display:flex}.danger-icon{color:var(--red)}.order-status{color:var(--blue);font-size:12px;font-weight:600}.modal-backdrop{z-index:20;background:#1626307a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);width:min(100%,560px);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 18px 55px #16263038}.modal-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-head h2{font-family:var(--serif);color:var(--ink);margin:0}.modal-form{gap:14px;display:grid}.modal-form label{color:var(--muted);gap:7px;font-size:12px;font-weight:600;display:grid}.modal-form input,.modal-form textarea,.modal-form select,.order-detail select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;padding:11px}.modal-form textarea{resize:vertical;min-height:80px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;gap:9px;margin-top:6px;display:flex}.danger-button{background:var(--red);color:#fff;cursor:pointer;border:0;padding:11px 14px;font-weight:600}.order-detail{gap:14px;display:grid}.order-detail p{border-top:1px solid var(--line);justify-content:space-between;padding-top:15px;display:flex}.clickable{cursor:pointer}.clickable:hover{border-color:var(--blue);transition:transform .2s,border-color .2s;transform:translateY(-2px)}.cart-trigger{border:1px solid var(--navy);background:var(--navy);color:#fff;cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:9px 15px;font-size:13px;font-weight:600;display:flex}.cart-trigger:hover{background:var(--blue);border-color:var(--blue)}.cart-trigger b{min-width:20px;color:var(--navy);text-align:center;background:#d9c59d;border-radius:10px;padding:2px 5px;font-size:11px}.cart-overlay{z-index:30;background:#16263061;position:fixed;inset:0}.cart-drawer{background:var(--surface);width:min(100%,420px);height:100%;padding:27px;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-12px 0 35px #14283233}.cart-head{justify-content:space-between;align-items:start;margin-bottom:22px;display:flex}.cart-head h2{font-family:var(--serif);margin:0}.cart-items{display:grid}.cart-item{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:16px 0;display:flex}.cart-item-copy strong,.cart-item-copy small{display:block}.cart-item-copy small{color:var(--muted);margin-top:4px;font-size:12px}.cart-item-end{align-content:space-between;justify-items:end;display:grid}.quantity{align-items:center;gap:10px;margin-top:13px;display:flex}.quantity button{border:1px solid var(--line);cursor:pointer;background:#fff;place-items:center;width:25px;height:25px;display:grid}.cart-total{justify-content:space-between;padding:20px 0 8px;font-size:18px;display:flex}.cart-total span{color:var(--muted)}