/* Titanico Admin — clean, iOS-inspired workspace */
:root{--navy:#007aff;--navy-hover:#0065d6;--ink:#1c1c1e;--muted:#6b6b73;--line:#e5e5ea;--paper:#f5f5f7;--blue:#007aff;--bs-body-color:#1c1c1e;--bs-body-bg:#f5f5f7;--bs-border-color:#e5e5ea}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{color:#005ac0}button,input,select,textarea{font:inherit}[hidden]{display:none!important}header.navbar{position:fixed;inset:0 auto 0 0;width:246px;padding:30px 18px;background:#f0f1f5!important;border-right:1px solid #dedee5;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;z-index:30;overflow:auto}.brand.navbar-brand{display:flex;gap:11px;align-items:center;white-space:normal;font-size:11px;letter-spacing:1px;font-weight:700;color:#25252a;margin:0 8px;line-height:1.5}.brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #ffffff;background:#fff;border-radius:13px;box-shadow:0 3px 8px #25253508;font-size:18px;font-weight:600;letter-spacing:-.7px;color:#25252a}.brand small{display:block;font-size:7px;letter-spacing:1.2px;font-weight:500;color:var(--muted);margin-top:3px}.nav-caption{color:#85858e;font-size:10px;font-weight:600;letter-spacing:1.2px;margin:37px 14px 12px}nav{display:flex;flex-direction:column;gap:5px}nav a,nav .link{display:flex;align-items:center;gap:11px;padding:12px 14px;color:#53535d;font-size:13px;font-weight:500;border-radius:11px;transition:background .15s,color .15s;min-height:44px}nav a.active{background:#fff;color:var(--blue);box-shadow:0 2px 8px #25253506}nav a:hover,nav .link:hover{background:#e5e7ee;color:#1c1c1e}nav a.active:hover{background:#fff;color:var(--blue)}nav a>span,nav button>span{display:grid;place-items:center;width:20px;height:20px;color:#8d8d98}nav a.active>span{color:var(--blue)}.nav-icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}nav form{margin-top:18px;padding-top:16px;border-top:1px solid #dddfe6}nav .link{width:100%;text-align:left}.sidebar-note{margin-top:auto;padding:25px 14px 0;color:#7c7c87;font-size:9px;letter-spacing:1px}.sidebar-note small{display:block;letter-spacing:0;font-size:11px;line-height:1.8;margin-top:8px;color:#9999a2}main.container-xl{margin-left:246px;width:calc(100% - 246px);max-width:none;padding:0 40px 70px}.workspace-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:78px;border-bottom:1px solid var(--line);margin-bottom:32px;font-size:12px;color:#8a8a94}.breadcrumb-divider{margin:0 10px;color:#b9b9c2}.admin-pill{display:flex;align-items:center;gap:10px;color:#5b5b65;font-size:11px;font-weight:600}.admin-pill>span{font-size:12px;font-weight:400}.page-top{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:28px}h1{font-size:32px;line-height:1.2;font-weight:700;letter-spacing:-1px;color:#1c1c1e;margin:0 0 10px}h2{font-size:17px;line-height:1.4;letter-spacing:-.3px;font-weight:650;color:#25252a;margin:0 0 16px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;color:#8b8b96;margin:0 0 10px}.page-top p:not(.eyebrow){color:var(--muted);font-size:13px;margin:0;max-width:680px}.button,.btn{border-radius:11px;font-size:13px;font-weight:600;padding:11px 18px;min-height:44px;line-height:1.6;box-shadow:none;transition:background .15s}.button:not(.secondary),.btn-primary{--bs-btn-bg:#007aff;--bs-btn-border-color:#007aff;--bs-btn-hover-bg:#0065d6;--bs-btn-hover-border-color:#0065d6;--bs-btn-active-bg:#0059bf;--bs-btn-active-border-color:#0059bf;background:#007aff;border:1px solid #007aff;color:#fff}.button:not(.secondary):hover{background:#0065d6;color:#fff}.button.secondary{background:#fff;border:1px solid #dedee5;color:#45454f}.button.secondary:hover{background:#eeeef3;color:#25252a}.button:disabled{opacity:.45;cursor:not-allowed}.link{background:none;border:0;padding:0;color:inherit;cursor:pointer}.danger{color:#c43e43}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}.stats>div{padding:24px;border:1px solid #e9e9ee;background:#fff;border-radius:18px;box-shadow:0 3px 12px #25253503;position:relative}.stats b{display:block;font-size:36px;font-weight:650;letter-spacing:-1.3px;line-height:1.3;color:#25252a}.stats span{font-size:12px;color:var(--muted);display:block;margin-top:7px}.stats>div:after{content:"";position:absolute;right:22px;top:26px;width:9px;height:9px;border-radius:50%;background:#007aff}.stats>div:nth-child(2):after{background:#34a870}.stats>div:nth-child(3):after{background:#e5a12e}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 16px}.collection-toolbar h2{margin:0 0 5px}.collection-toolbar p{margin:0}.filter-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.filter-controls .search{width:260px;margin:0}.filter-controls .form-select{width:145px;margin:0}.search{max-width:440px}.table-wrap{border:1px solid #e7e7ed;border-radius:16px;background:#fff;overflow:auto;box-shadow:0 3px 12px #25253503}.table{min-width:740px;color:var(--ink);font-size:13px;--bs-table-hover-bg:#f7f8fc}td,th{padding:17px 21px!important;border-color:#eeeef3!important}th{background:#fafafd!important;color:#82828d!important;font-size:10px;font-weight:600;letter-spacing:.7px;text-transform:uppercase}.product-cell{display:flex;align-items:center;gap:14px}.product-cell img{width:52px;height:62px;border-radius:10px;object-fit:cover;background:#f5f5f7;border:1px solid #eeeef3}.product-cell strong{font-weight:600}td small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.actions{display:flex;align-items:center;gap:16px;font-size:12px}.actions>a{padding:7px 12px;border-radius:8px;background:#edf4ff;font-weight:500;color:#007aff}.actions form{margin:0}.badge{font-size:10px;font-weight:500;border-radius:20px;padding:7px 11px;background:#f1f1f5;color:#73737e}.badge.live{background:#edf8f1;color:#287547}.badge:before{content:'●';font-size:6px;vertical-align:middle;margin-right:5px}.empty{padding:48px!important;text-align:center;color:var(--muted)}.panel{border:1px solid #e8e8ee;border-radius:18px;background:#fff;padding:27px;box-shadow:0 3px 12px #25253503}.editor{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:23px}.editor aside{align-self:start;position:sticky;top:25px}.editor aside .button{width:100%}.editor h2:not(:first-child){margin-top:32px;padding-top:27px;border-top:1px solid var(--line)}label{display:block;font-size:12px;font-weight:500;color:#555560;margin:17px 0}.form-control,.form-select{font-size:14px;background:#fafafc;border:1px solid #e2e2e9;border-radius:10px;color:var(--ink);padding:11px 13px;min-height:44px;margin-top:8px}.form-control:focus,.form-select:focus{background:#fff;border-color:#7ab8ff;box-shadow:0 0 0 3px #007aff13;color:var(--ink)}.form-control::placeholder{color:#a1a1ab}.form-control[type=file]{padding:8px;font-size:12px}.form-control::file-selector-button{border-radius:7px;background:#eeeef4;color:#555560;font-size:12px}textarea.form-control{min-height:115px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.preview{width:100%;height:285px;object-fit:contain;border:1px solid #ededf2;background:#f8f8fa;border-radius:13px;padding:12px}.muted{color:var(--muted);font-size:12px;line-height:1.75}.check{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:16px;border-radius:11px;background:#f5f5f8;margin:24px 0;font-size:13px}.check input{appearance:none;width:36px;height:22px;flex-shrink:0;position:relative;background:#d8d8df;border-radius:20px;cursor:pointer;transition:background .15s}.check input:before{content:'';position:absolute;width:18px;height:18px;top:2px;left:2px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .15s}.check input:checked{background:#34a870}.check input:checked:before{transform:translateX(14px)}.check input:focus-visible{outline:3px solid #007aff55;outline-offset:3px}.category-row{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:18px;margin-bottom:18px}.category-row label{flex:1;min-width:165px;margin:0}.category-row>form.category-row{flex:1;margin:0}.category-row>.button,.category-row form>.button{align-self:flex-end}.category-row>span{font-size:11px;color:var(--muted)}.category-row>form[data-confirm]{flex:none;margin:0}.notice,.error{font-size:13px;padding:15px 19px;border:1px solid transparent;border-radius:12px}.notice{background:#edf8f1;border-color:#dcefe2;color:#287547}.error{background:#fff0f0;border-color:#f6dada;color:#a53b40}.website-image-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px}.website-image-form .preview{height:300px}.website-image-form .button{align-self:flex-start}.save-content-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0}.save-content-bar p{margin:0}.quick-links{display:grid;gap:0}.quick-links>a{padding:14px 0;border-bottom:1px solid #eeeef3;font-size:13px}.quick-links>a:last-child{border:0}.recent-products{margin-top:23px}.recent-product{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 0;border-top:1px solid #eeeef3;color:#45454f}.recent-product strong{font-weight:500}.recent-product .badge{margin-left:10px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.feature-grid .preview{height:210px;margin-bottom:18px}.feature-grid h2{font-size:15px}.feature-grid .button{width:100%;font-size:12px}.inbox-filter{display:flex;align-items:flex-end;gap:16px;margin-bottom:22px;flex-wrap:wrap}.inbox-filter label{margin:0;min-width:180px}.inbox-filter>span{font-size:12px;color:var(--muted);align-self:center}.inquiry-card{display:block;margin-bottom:14px}.inquiry-card summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}.inquiry-card summary::-webkit-details-marker{display:none}.inquiry-card summary>span:first-child:before{content:'›';float:left;margin-right:12px;color:#b1b1bc;font-size:22px;line-height:1.2}.inquiry-card[open] summary>span:first-child:before{content:'⌄'}.inquiry-card summary small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.inquiry-body{border-top:1px solid #eeeef3;padding-top:24px;margin-top:20px}.customer-message{overflow-wrap:anywhere;line-height:1.8;background:#fafafc;border-radius:10px;padding:18px}.inbox-pages{display:flex;justify-content:center;align-items:center;gap:22px;font-size:12px;padding:24px}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f7f7fa}.login-story{min-height:100vh;background:linear-gradient(145deg,#e7edf8,#edf0f8 60%,#f2f3f9);padding:65px 12%;display:flex;flex-direction:column;justify-content:center;position:relative;color:var(--muted)}.login-story .brand-mark{width:60px;height:60px;font-size:25px;border-radius:18px;margin-bottom:28px}.login-story .eyebrow{color:#838896}.login-story h2{font-size:clamp(30px,3.5vw,50px);line-height:1.15;letter-spacing:-1.5px;font-weight:650;color:#252a36;margin:15px 0 23px}.login-story p{font-size:13px}.story-footer{position:absolute;bottom:45px;color:#959baa;font-size:9px;letter-spacing:2px}.login-card{width:min(440px,100%);justify-self:center;align-self:center;background:transparent;border:0;padding:40px;box-shadow:none!important}.login-card:before{content:'';height:5px;width:30px;border-radius:4px;background:#007aff;margin-bottom:25px}.login-card h1{font-size:32px}.login-card>p:not(.eyebrow){font-size:13px;color:var(--muted)}.login-card .button{width:100%;margin:12px 0 20px}.login-card>a{font-size:12px}.login-card .form-control{background:#fff}.login-card label{margin:20px 0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #007aff66;outline-offset:4px}
@media(min-width:1600px){main.container-xl{padding-left:65px;padding-right:65px}}@media(max-width:1200px){main.container-xl{padding-left:25px;padding-right:25px}.collection-toolbar{flex-direction:column;align-items:flex-start}.filter-controls{width:100%}.filter-controls .search{flex:1;max-width:none}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1000px){header.navbar{width:215px;padding:26px 13px}main.container-xl{margin-left:215px;width:calc(100% - 215px)}.editor{grid-template-columns:1fr}.editor aside{position:static}.panel{padding:23px}.website-image-grid{grid-template-columns:1fr}.category-row{align-items:flex-end}.login-story{padding:50px 10%}.stats>div{padding:20px}.stats b{font-size:30px}}
@media(max-width:760px){header.navbar{position:relative;inset:auto;width:100%;padding:18px 16px;overflow:visible;border-right:0;border-bottom:1px solid #dedee5;background:#f0f1f5!important}.brand.navbar-brand{margin:0 4px}.brand-mark{width:35px;height:35px;border-radius:11px;font-size:15px}.nav-caption,.sidebar-note{display:none}nav{flex-direction:row;flex-wrap:nowrap;overflow:auto;margin-top:17px;gap:5px;padding-bottom:4px;scrollbar-width:thin}nav a,nav .link{white-space:nowrap;font-size:12px;padding:10px 12px;min-height:42px;gap:7px}nav form{margin:0;padding:0;border:0;flex-shrink:0}nav a{flex-shrink:0}main.container-xl{margin:0;width:100%;padding:0 17px 40px}.workspace-bar{min-height:62px;margin-bottom:25px}.admin-pill>span{display:none}.page-top{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:24px}.page-top>.button{width:100%;text-align:center}h1{font-size:28px;letter-spacing:-.8px}.stats{gap:8px}.stats>div{padding:16px 12px;border-radius:14px}.stats b{font-size:27px}.stats span{font-size:10px;margin-top:4px}.stats>div:after{right:12px;top:16px;width:6px;height:6px}.filter-controls{gap:8px;display:grid;grid-template-columns:1fr 1fr}.filter-controls .search{grid-column:1/-1;width:100%}.filter-controls .form-select{width:100%}.collection-toolbar{gap:16px}.panel{padding:21px;border-radius:16px}.two{grid-template-columns:1fr;gap:0}.category-row,.category-row>form.category-row{flex-direction:column;align-items:stretch}.category-row label{min-width:0;width:100%}.category-row .button{width:100%;align-self:stretch}.category-row>span{margin-top:3px}.save-content-bar{align-items:flex-start;flex-direction:column}.save-content-bar .button{width:100%}.recent-product{align-items:flex-start;flex-direction:column;gap:8px}.feature-grid{grid-template-columns:1fr}.website-image-form .preview{height:250px}.inquiry-card summary{gap:10px}.inquiry-card summary small{font-size:10px;overflow-wrap:anywhere}.inbox-filter{gap:12px}.inbox-filter label{min-width:0;flex:1}.login{grid-template-columns:1fr;align-content:start}.login-story{min-height:0;padding:28px;display:block}.login-story .brand-mark{width:42px;height:42px;margin-bottom:16px;font-size:19px}.login-story h2{font-size:29px;letter-spacing:-.8px}.story-footer{display:none}.login-card{padding:32px 26px}.form-control,.form-select{font-size:16px}.login-card h1{font-size:29px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}