:root{--bg:#0c0d0f;--panel:#15171b;--panel2:#1c1f24;--line:#2a2e34;--text:#f4f5f6;--muted:#949ba6;--red:#e53935;--red2:#ff4b46;--green:#36c77a;--amber:#f0b44d;--radius:18px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:10;background:#0f1114;flex-direction:column;width:250px;padding:24px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.brandmark{background:var(--red);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:inline-grid}.plan-pill{border:1px solid var(--line);color:#c5cad1;background:#171a1e;border-radius:12px;margin:22px 0;padding:10px 12px;font-size:12px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.sidebar nav a{color:#b3bac4;border-radius:12px;gap:12px;padding:12px 13px;display:flex}.sidebar nav a.active,.sidebar nav a:hover{color:#fff;background:#20242a}.sidebar-foot{color:var(--muted);flex-direction:column;gap:4px;margin-top:auto;font-size:13px;display:flex}.sidebar-foot strong{color:#fff}.main{max-width:1180px;margin-left:250px;padding:42px 42px 90px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.topbar h1{letter-spacing:-.03em;margin:5px 0 6px;font-size:38px}.topbar p{color:var(--muted);margin:0}.eyebrow{letter-spacing:.18em;color:var(--red2);font-size:11px;font-weight:800}.primary,.secondary{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;padding:13px 17px;font-weight:750;display:inline-flex}.primary{background:var(--red);color:#fff}.primary:hover{background:var(--red2)}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{color:#fff;background:#23272d;border:1px solid #343941}.full{width:100%}.stats{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:22px;display:grid}.stats div{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:18px;display:flex}.stats strong{font-size:29px}.stats span{color:var(--muted);font-size:13px}.toolbar{justify-content:space-between;gap:12px;margin-bottom:18px;display:flex}.search,.field input,.field textarea,.inline-form input{border:1px solid var(--line);color:#fff;background:#131519;border-radius:12px;outline:none;padding:13px}.search{width:min(520px,100%)}.search:focus,.field input:focus,.field textarea:focus,.inline-form input:focus{border-color:#555d69}.segmented{border:1px solid var(--line);background:#15171a;border-radius:12px;padding:3px;display:flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 14px}.segmented button.active{color:#fff;background:#292d34}.order-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.order-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#17191d,#121418);padding:19px;transition:all .15s}.order-card:hover{border-color:#3e444d;transform:translateY(-2px)}.order-card-top{justify-content:space-between;gap:16px;display:flex}.order-card h3{margin:0 0 4px}.order-card p{color:var(--muted);margin:0}.status{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-self:flex-start;align-items:center;padding:6px 9px;font-size:11px;font-weight:800;display:inline-flex}.status.active{color:#6ae09d;background:#183526}.status.completed{color:#aeb4bc;background:#2a2d31}.last-update{border-top:1px solid var(--line);gap:10px;margin-top:20px;padding-top:15px;display:flex}.last-update strong{font-size:13px}.last-update p{white-space:nowrap;text-overflow:ellipsis;max-width:360px;margin-top:3px;font-size:13px;overflow:hidden}.meta{color:#707783;margin-top:13px;font-size:11px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.form-panel{max-width:800px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.field{flex-direction:column;gap:7px;display:flex}.field>span{color:#c3c8cf;font-size:12px;font-weight:700}.field textarea{resize:vertical;min-height:120px}.notice{color:#b9c0c9;background:#1b1e23;border:1px solid #333841;border-radius:12px;margin:14px 0;padding:13px 14px;font-size:13px}.detail-grid{grid-template-columns:minmax(320px,.85fr) minmax(400px,1.15fr);gap:18px;display:grid}.section-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.section-head h2{margin:3px 0}.type-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.type-grid button{border:1px solid var(--line);color:#d8dce1;text-align:left;cursor:pointer;background:#111317;border-radius:12px;padding:12px}.type-grid button span{margin-right:8px}.type-grid button.selected{border-color:var(--red);background:#261716}.upload-row{color:var(--muted);align-items:center;gap:12px;margin:14px 0;font-size:12px;display:flex}.upload-btn{cursor:pointer;color:#dfe3e8;background:#121418;border:1px dashed #434952;border-radius:11px;padding:10px 12px}.upload-btn input{display:none}.toggle-row{color:#c1c7cf;align-items:center;gap:9px;margin:14px 0;font-size:13px;display:flex}.timeline-item{grid-template-columns:40px 1fr;gap:12px;padding:0 0 23px;display:grid;position:relative}.timeline-item:not(:last-child):before{content:"";background:var(--line);width:1px;position:absolute;top:38px;bottom:0;left:19px}.dot{z-index:1;background:#20242a;border:1px solid #323740;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.timeline-title{justify-content:space-between;gap:10px;display:flex}.timeline-title time{color:var(--muted);font-size:11px}.timeline-item p{color:#c1c7cf;line-height:1.5}.media-grid{flex-wrap:wrap;gap:8px;display:flex}.media-placeholder{border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:10px;font-size:11px}.customer-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.customer-card h3{margin-top:0}.customer-card p{color:var(--muted);margin:5px 0}.customer-card hr{border:0;border-top:1px solid var(--line);margin:16px 0}.customer-card span{color:var(--muted);margin-top:4px;font-size:12px;display:block}.team-row{align-items:center;gap:12px;display:flex}.avatar{background:#2a3037;border-radius:50%;place-items:center;width:45px;height:45px;font-weight:800;display:grid}.team-row p{color:var(--muted);margin:3px 0}.team-row .status{margin-left:auto}.locked{border-top:1px solid var(--line);color:var(--muted);margin-top:18px;padding-top:18px}.settings-grid{gap:15px;max-width:850px;display:grid}.type-list{gap:7px;margin:14px 0;display:grid}.type-list>div{background:#111317;border-radius:10px;grid-template-columns:30px 1fr auto;align-items:center;padding:10px;display:grid}.type-list small{color:var(--muted)}.inline-form{grid-template-columns:62px 1fr auto;gap:8px;display:grid}.emoji-input{text-align:center}.price-card{background:#111317;border-radius:14px;flex-direction:column;gap:5px;margin:12px 0;padding:18px;display:flex}.price-card span{color:var(--red2);font-size:11px;font-weight:800}.muted{color:var(--muted)}.empty{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);padding:35px}.bottom-nav{display:none}.public-page{background:#0d0f12;place-items:start center;min-height:100vh;padding:24px;display:grid}.public-card{border:1px solid var(--line);background:#15171b;border-radius:24px;width:min(680px,100%);padding:26px}.public-brand{align-items:center;gap:12px;display:flex}.public-brand div{flex-direction:column;display:flex}.public-brand small{color:var(--muted)}.public-hero{border-bottom:1px solid var(--line);padding:35px 0}.public-hero h1{margin:12px 0 8px;font-size:34px}.public-hero p{color:var(--muted)}.public-timeline article{border-bottom:1px solid var(--line);padding:22px 0}.public-update-head{gap:12px;display:flex}.public-update-head>span{font-size:22px}.public-update-head div{flex-direction:column;display:flex}.public-update-head time{color:var(--muted);margin-top:4px;font-size:11px}.public-timeline article p{color:#c7ccd3;line-height:1.55}.notify-box{background:#101216;border-radius:14px;margin-top:24px;padding:18px}.notify-box p{color:var(--muted);font-size:13px}@media (max-width:900px){.sidebar{display:none}.main{margin-left:0;padding:24px 18px 92px}.bottom-nav{z-index:20;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f1114f5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:#7d8590;flex-direction:column;align-items:center;gap:3px;display:flex}.bottom-nav a.active{color:#fff}.bottom-nav small{font-size:10px}.topbar{align-items:center}.topbar h1{font-size:30px}.stats{grid-template-columns:1fr 1fr}.stats div:last-child{display:none}.order-list,.detail-grid,.form-grid{grid-template-columns:1fr}.customer-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.main{padding:20px 14px 88px}.topbar{align-items:flex-start}.topbar .primary{padding:11px 12px;font-size:13px}.topbar h1{font-size:28px}.toolbar{flex-direction:column}.segmented{align-self:flex-start}.stats{gap:8px}.stats div{padding:14px}.stats strong{font-size:24px}.type-grid,.customer-grid{grid-template-columns:1fr}.inline-form{grid-template-columns:55px 1fr}.inline-form .secondary{grid-column:1/-1}.public-page{padding:0}.public-card{border:0;border-radius:0;min-height:100vh;padding:22px 18px}}