@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap";.admin-root{--navy:#0b2038;--blue:#285781;--line:#e5e9ef;--muted:#748092;color:#182a3c;background:#f5f7fa;min-height:100vh;font-family:DM Sans,Arial,sans-serif;font-size:14px;line-height:1.5}.admin-root *{box-sizing:border-box}.admin-root button,.admin-root input,.admin-root select,.admin-root textarea{font:inherit}.admin-root button,.admin-root a{transition:background .18s,color .18s}.admin-root button{cursor:pointer}.admin-root button:disabled{cursor:not-allowed;opacity:.48}.admin-root a{color:inherit;text-decoration:none}.admin-root h1,.admin-root h2,.admin-root h3,.admin-root p{margin-top:0}.admin-root h1{letter-spacing:-1px;margin-bottom:12px;font-size:32px;font-weight:550;line-height:1.15}.admin-root h2{margin:0;font-size:17px;font-weight:600}.admin-root h3{font-size:16px;font-weight:550}.admin-root small{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:11px;display:block}.admin-root label{margin-bottom:18px;font-size:12px;font-weight:550;display:block}.admin-root input,.admin-root select,.admin-root textarea{color:#182a3c;background:#fff;border:1px solid #dbe1e8;border-radius:7px;outline:none;min-width:0;max-width:100%;padding:11px 12px}.admin-root label>input,.admin-root label>textarea,.admin-root label>select{width:100%;margin-top:7px;display:block}.admin-root :focus-visible{outline-offset:3px;outline:2px solid #5489b8}.admin-root input:focus,.admin-root select:focus,.admin-root textarea:focus{border-color:#5489b8}.admin-root button{border:1px solid var(--line);color:inherit;background:#fff;border-radius:7px;padding:8px 13px}.admin-root .primary{background:var(--navy);color:#fff;border-color:var(--navy);justify-content:center;align-items:center;gap:8px;padding:12px 19px;font-weight:500;display:inline-flex}.admin-root .primary:hover{background:#203e5b}.admin-root .text-button{color:var(--blue);background:0 0;border:0;padding:5px 0}.admin-root .danger{color:#ab3d43;background:#fff8f8;border-color:#eac6c8}.eyebrow{letter-spacing:2px;color:#7d8da1;margin-bottom:13px;font-size:10px;font-weight:600}.muted{color:var(--muted);font-size:13px}.admin-layout{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#bcc8d5;z-index:30;flex-direction:column;width:242px;padding:33px 20px 20px;display:flex;position:fixed;inset:0 auto 0 0}.side-brand{margin-bottom:54px;padding:0 13px;display:block;color:#fff!important}.side-brand>span{letter-spacing:4px;font-size:29px;line-height:1.1}.side-brand small{color:#bbc6d3;letter-spacing:3.4px;font-size:8px}.sidebar-label{letter-spacing:1.8px;color:#70859b;margin-bottom:16px;padding-left:14px;font-size:9px}.sidebar nav{gap:7px;display:grid}.sidebar nav a{border-radius:7px;align-items:center;gap:12px;padding:12px 14px;font-size:13px;display:flex}.sidebar nav a:hover{background:#ffffff0a}.sidebar nav .active{color:#fff;background:#ffffff10;border:1px solid #ffffff12}.sidebar-bottom{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;margin-top:auto;padding:28px 0 18px;font-size:11px;display:flex}.sidebar-bottom strong{color:#e4ebf3;font-weight:500}.sidebar-bottom small{color:#8194a9;font-size:9px}.owner-avatar{background:#ffffff08;border:1px solid #fff2;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.admin-root .logout{color:#b9c6d4;background:0 0;border:0;align-items:center;gap:12px;margin-top:15px;font-size:12px;display:flex}.admin-main{width:calc(100% - 242px);margin-left:242px}.admin-top{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:79px;padding:0 38px;font-size:12px;display:flex}.breadcrumb{color:#9aa5b2;margin-left:12px}.admin-top>a{color:#64758a;align-items:center;gap:7px;display:flex}.admin-content{max-width:1600px;margin:auto;padding:38px}.page-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:27px;display:flex}.page-heading .muted{margin:0}.period-label{color:var(--muted);min-width:156px;margin:0!important;font-size:10px!important}.period-label select{font-size:12px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:23px}.stat-card>span{color:#738194;margin-bottom:17px;font-size:12px;display:block}.stat-card>strong{letter-spacing:-1px;font-size:29px;font-weight:550;display:block}.stat-card>small{margin-top:14px;font-size:10px}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:24px;overflow:hidden}.panel-title{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;padding:22px 25px;display:flex}.panel-title>span,.panel-title>a{color:var(--muted);font-size:11px}.panel-title>a{align-items:center;gap:7px;display:flex}.chart{align-items:flex-end;gap:14px;min-height:250px;padding:26px 25px 20px;display:flex;overflow-x:auto}.bar-column{min-width:44px;color:var(--muted);text-align:center;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;font-size:9px;display:flex}.bar{background:linear-gradient(#7196bc,#294f77);border-radius:4px 4px 0 0;width:75%;min-width:15px;max-width:100px}.bar-value{color:var(--navy);font-size:10px}.chart-empty{color:#788798;flex-direction:column;justify-content:center;align-items:center;height:255px;font-size:12px;display:flex}.chart-empty strong{color:#586c80;font-size:13px;font-weight:500}.chart-empty p{margin:7px 0 0}.empty-line{border-bottom:1px dashed #aebfd0;width:65px;height:28px;margin-bottom:22px}.filters{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:18px 25px;display:flex}.filters label{color:var(--muted);margin:0;font-size:10px}.search-field{border:1px solid #dbe1e8;border-radius:7px;flex:1;align-items:center;gap:7px;min-width:220px;padding:0 10px;display:flex!important}.search-field input{border:0;width:100%;font-size:12px;margin:0!important}.filters>select,.filters>input{max-width:210px;font-size:12px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}th{color:#8290a0;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--line);background:#fafbfd;padding:14px 22px;font-size:10px;font-weight:500}.admin-root th button{text-transform:uppercase;color:inherit;background:0 0;border:0;padding:0;font-size:10px}td{vertical-align:middle;border-bottom:1px solid #edf0f4;max-width:280px;padding:17px 22px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfd}.admin-root .row-link{text-align:left;background:0 0;border:0;padding:0;font-size:12px;font-weight:500}.product-cell{align-items:center;gap:12px;display:flex}.product-cell img{object-fit:cover;border:1px solid var(--line);border-radius:4px;width:42px;height:52px}.badge{color:#6f7d8c;white-space:nowrap;background:#f0f2f5;border-radius:4px;align-items:center;gap:5px;padding:4px 9px;font-size:10px;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px}.badge.new,.badge.processing,.badge.unread{color:#3d709b;background:#edf4fa}.badge.shipped{color:#766898;background:#f1eef8}.badge.delivered,.badge.active{color:#4d8471;background:#edf6f2}.badge.cancelled,.badge.refunded{color:#ae6871;background:#fbf0f2}.low-stock{color:#b17a31;font-size:11px}.unread td,.unread .row-link{font-weight:700!important}.message-preview{text-overflow:ellipsis;white-space:nowrap;max-width:230px;overflow:hidden}.table-empty{text-align:center;color:#90a0b2;padding:65px 20px}.table-empty h3{color:#5a6f84;margin:14px 0 5px}.table-empty p{margin:0;font-size:12px}.loading{text-align:center;color:var(--muted);padding:60px 25px;font-size:12px}.pagination{border-top:1px solid var(--line);color:var(--muted);justify-content:flex-end;align-items:center;gap:10px;padding:15px 22px;font-size:11px;display:flex}.pagination span{margin-right:auto}.pagination button{padding:5px 8px}.admin-foot{text-align:right;color:#9ba6b4;font-size:10px}.notice{color:#45607e;background:#eff4fa;border:1px solid #dbe5f0;border-radius:7px;margin-bottom:20px;padding:14px;font-size:12px}.notice.error{color:#a1453e;background:#fff5f4;border-color:#f1d5d1}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07142488;justify-content:flex-end;display:flex;position:fixed;inset:0}.admin-modal{background:#fff;width:610px;max-width:100%;height:100%;padding:28px 32px;overflow:auto;box-shadow:-12px 0 80px #00152a22}.modal-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.modal-heading button{border:0}.detail-meta{grid-template-columns:1fr 1fr;gap:24px;padding:18px 0 24px;display:grid}.detail-meta label{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:9px;font-size:10px}.detail-meta p{color:#60758b;margin:4px 0;font-size:12px}.detail-meta strong{margin-bottom:8px;font-size:14px;font-weight:500;display:block}.order-items>div,.history-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:14px 0;font-size:12px;display:flex}.order-total{justify-content:space-between;padding:20px 0;font-size:16px;display:flex}.refund-block{border-top:1px solid var(--line);margin-top:26px;padding-top:25px}.refund-block p{color:var(--muted);font-size:12px}.field-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.form-actions{justify-content:space-between;gap:15px;margin-top:28px;display:flex}.photo-list{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.photo-list img{object-fit:cover;width:80px;height:90px;display:block}.photo-list button{margin-top:5px;font-size:10px}.full-message{white-space:pre-wrap;overflow-wrap:anywhere;border-top:1px solid var(--line);margin-bottom:30px;padding-top:24px;line-height:1.8}.login-shell{background:radial-gradient(at 50% 0,#d8e4f0 0,#0000 50%),#f3f6fa;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:45px 22px;display:flex}.login-brand{text-align:center;color:var(--navy);letter-spacing:5px;flex-direction:column;margin-bottom:35px;font-size:10px;display:flex}.brand-word{letter-spacing:5px;font-size:37px;line-height:1.4}.login-card{background:#fff;border:1px solid #e3e9ef;border-radius:13px;width:440px;max-width:100%;padding:38px;box-shadow:0 20px 60px #1a35580a}.login-card h1{font-size:29px}.login-card>.muted{margin-bottom:29px}.login-card .primary{width:100%}.login-card .text-button{margin:15px auto 0;font-size:12px;display:block}.back-store{text-align:center;margin-top:30px;font-size:11px;display:block;color:#8b98a7!important}.login-foot{color:#98a5b3;letter-spacing:1.6px;margin:25px 0 0;font-size:8px}.form-message{color:#9a4f46;margin:12px 0 0;font-size:12px}.mobile-menu,.sidebar-scrim{display:none}@media (min-width:1600px){.admin-content{padding-top:50px}}@media (max-width:1100px){.sidebar{width:210px;padding:30px 14px 18px}.admin-main{width:calc(100% - 210px);margin-left:210px}.admin-content{padding:25px}.admin-top{padding:0 25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start}.side-brand>span{font-size:25px}.side-brand small{letter-spacing:2.8px}.sidebar-bottom small{font-size:8px}}@media (max-width:760px){.sidebar{width:242px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:29;background:#06162688;display:block;position:fixed;inset:0;border:0!important;border-radius:0!important}.admin-main{width:100%;margin:0}.admin-top{gap:15px;height:65px;padding:0 18px}.admin-top>span{margin-right:auto}.breadcrumb{display:none}.mobile-menu{display:block;border:0!important;padding:0!important}.admin-content{padding:25px 16px}.page-heading{flex-wrap:wrap;gap:16px}.admin-root h1{font-size:28px}.period-label{min-width:140px}.stats-grid{gap:10px}.stat-card{padding:16px}.stat-card>strong{font-size:25px}.stat-card>span{font-size:11px}.stat-card>small{font-size:9px}.panel-title{padding:18px}.filters{gap:10px;padding:14px}.search-field{flex-basis:100%;min-width:100%}.filters>select,.filters>input{flex:1;width:45%;max-width:100%}th,td{white-space:nowrap;padding:14px 16px}.chart-empty{text-align:center;height:220px;padding:20px}.chart-empty p{font-size:11px}.admin-modal{padding:24px 20px}.login-card{padding:28px}.detail-meta{gap:16px}.detail-meta small{word-break:break-all}}@media (prefers-reduced-motion:reduce){.admin-root *{scroll-behavior:auto!important;transition:none!important}}@media (max-width:760px){.sidebar{visibility:hidden}.sidebar.open{visibility:visible}}.admin-root{--muted:#536477}.admin-root .eyebrow,.stat-card>span,.breadcrumb,.admin-foot,.login-foot,.admin-root .back-store{color:#536477!important}.sidebar-label,.sidebar-bottom small{color:#b5c8da}.badge{color:#455767}.badge.new,.badge.processing,.badge.unread{color:#285474}.badge.shipped{color:#5b477c}.badge.delivered,.badge.active{color:#356553}.badge.cancelled,.badge.refunded{color:#8a3846}.low-stock{color:#805415}.admin-root :focus-visible{outline-offset:3px;outline:3px solid #165b91;box-shadow:0 0 0 6px #fff}.admin-root button,.admin-root input,.admin-root select{min-height:44px}.admin-root input,.admin-root select,.admin-root textarea{border-color:#728396}.admin-root input::placeholder,.admin-root textarea::placeholder{color:#596b7c;opacity:1}.admin-root .text-button,.admin-root .back-store{text-underline-offset:3px;text-decoration:underline}.admin-skip{z-index:100;background:#fff;padding:12px;position:fixed;top:-100px;left:12px;color:#142331!important}.admin-skip:focus{top:12px}.admin-content:focus{outline:none}dialog.admin-modal{color:#182a3c;border:0;max-width:100%;height:100dvh;max-height:100dvh;margin:0;font-family:inherit;position:fixed;inset:0 0 0 auto}dialog.admin-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#071424aa}.sidebar-close{display:none}.table-scroll:focus-visible{outline-offset:-3px}.chart-data{padding:16px 24px}.chart-data summary{cursor:pointer;min-height:44px;padding:10px 0}.chart-data table{width:100%}.table-scroll{max-width:100%}@media (max-width:760px){.sidebar-close{margin-bottom:15px;display:block}.field-grid,.detail-meta{grid-template-columns:1fr}.sidebar{overflow-y:auto}.login-card{overflow-wrap:anywhere}.admin-root .mobile-menu{min-width:44px}.admin-top{flex-wrap:wrap;height:auto;min-height:65px}.chart,.chart-data{overflow-x:auto}.admin-root h1{overflow-wrap:anywhere}}.admin-root th,.admin-root .chart-empty,.admin-root .table-empty,.admin-root .bar-column{color:#536477}.side-brand small{letter-spacing:1px;white-space:nowrap;font-size:8px;display:block}.login-brand{letter-spacing:2px;font-size:10px}