:root{--ink:#24342f;--muted:#7b8278;--green:#173d35;--lime:#e0e8bc;--paper:#f5f4ee;--white:#fff;--line:#e5e5db;--orange:#b66c4b;--radius:13px;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{font-size:14px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9cae63;outline-offset:4px}a{color:inherit;text-decoration:none}button{color:inherit}button svg,span[data-icon] svg{width:20px;height:20px;display:block;flex-shrink:0}svg{vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:48px;letter-spacing:-2px;line-height:1.12;font-weight:500}h2{font-size:20px;letter-spacing:-.6px;font-weight:600}h3{font-size:15px;font-weight:600}input,textarea{width:100%;background:#fff;border:1px solid #dcded2;border-radius:7px;padding:13px 14px;color:var(--ink);outline:none}input:focus,textarea:focus{border-color:#688872;box-shadow:0 0 0 3px #173d3512}input::placeholder,textarea::placeholder{color:#969b91}label{display:block;font-size:12px;font-weight:600;margin:19px 0 9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 17px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:600;white-space:nowrap;min-height:42px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-1px)}.primary{background:var(--green);color:#fff}.primary:hover{background:#285347}.secondary{background:transparent;border-color:#d5d8cc}.secondary:hover{background:#eceee4}.text-button{display:inline-flex;align-items:center;gap:15px;background:none;border:0;padding:0;font-size:12px;font-weight:600}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:6px;background:none;flex-shrink:0}.icon-button:hover{background:#173d3508}.eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.8px;font-weight:600;color:#7c8575}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:650;letter-spacing:-.65px}.beta{font-size:7px;letter-spacing:1px;border:1px solid currentColor;padding:3px 4px;border-radius:3px;opacity:.5;align-self:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.form-error{font-size:12px;line-height:1.5;color:#af4e35;min-height:18px;margin:9px 0}.field-help{font-size:11px!important;line-height:1.7;color:var(--muted);margin:10px 0 16px}.form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.optional{font-size:10px;font-weight:400;color:var(--muted);margin-left:5px}
/* Login */
.login-screen{display:grid;grid-template-columns:1.08fr 1fr;min-height:100svh}.login-main{padding:42px 7%;display:flex;flex-direction:column;min-height:100svh}.login-brand{align-self:flex-start}.login-card{max-width:430px;width:100%;margin:auto; padding:70px 0}.tiny-line{display:block;width:20px;height:1px;background:#8b9877}.login-card h1{font-size:40px;line-height:1.22;letter-spacing:-1.7px;margin:26px 0 18px}.login-lead{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:30px}.password-wrap{display:flex;position:relative}.password-wrap input{padding-right:45px;height:48px}.password-wrap button{position:absolute;right:6px;top:6px;color:#88907f}.login-submit{width:100%;justify-content:space-between;padding:15px 18px}.login-submit span{font-size:20px;font-weight:400;line-height:1}.private-note{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#8a907f;margin-top:23px}.private-note svg{width:13px;height:13px}.login-footer{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#909585}.login-footer span{font-size:8px;letter-spacing:1.1px}.login-art{background:var(--green);color:#e9eedc;position:relative;display:flex;flex-direction:column;padding:45px 9%;overflow:hidden}.art-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px}.art-top span{font-size:36px;font-weight:400;color:#d6e1b2}.art-center{position:relative;flex:1;min-height:430px;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;border:1px solid #d7e1b51c;border-radius:50%;width:430px;height:430px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:550px;height:550px}.big-book{position:absolute;width:210px;height:290px;padding:24px 27px;box-shadow:12px 19px 24px #001c1755;border-radius:1px 6px 6px 1px;display:flex;flex-direction:column;justify-content:space-between;border-left:10px solid #00000012}.big-book>span{font-size:30px;line-height:1.1;font-weight:500;letter-spacing:-1.2px}.big-book i{font-style:normal;font-size:6px;letter-spacing:1.1px}.book-back{background:#c2c9ab;color:#315044;transform:rotate(-15deg) translate(-45px,-20px)}.book-back:after{content:'✳';font-size:90px;position:absolute;bottom:30px;right:28px;color:#6d865c}.book-front{background:#d7a377;color:#273f32;transform:rotate(12deg) translate(48px,32px);z-index:1}.book-front:after{content:'';position:absolute;width:95px;height:95px;background:#315a47;border-radius:50%;bottom:34px;right:25px;box-shadow:-30px 0 0 #e3caa3}.art-alert{position:absolute;z-index:2;bottom:18%;left:10%;display:flex;align-items:center;gap:12px;padding:16px 18px;background:#f7f7ee;color:var(--ink);border:1px solid #fff;box-shadow:0 12px 30px #0002;border-radius:9px;transform:rotate(-3deg)}.alert-dot{width:28px;height:28px;background:#e5ecd8;border-radius:50%;position:relative}.alert-dot:before{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#476347;font-size:14px}.art-alert strong{font-weight:500}.art-alert div{font-size:11px;font-weight:600}.art-alert small{display:block;font-size:9px;font-weight:400;color:#858c7b;margin-top:5px}.art-alert>span:last-child{margin-left:20px;font-size:20px}.art-bottom{font-size:25px;letter-spacing:-.7px;line-height:1.4;font-weight:400;padding:15px 0}.art-bottom>span{display:block;letter-spacing:.5px;font-size:8px;opacity:.5;margin-top:22px}
/* Shell */
.app-shell{display:flex;min-height:100svh}.sidebar{background:var(--green);color:#d6e2d0;width:237px;min-width:237px;position:fixed;inset:0 auto 0 0;padding:28px 20px 0;display:flex;flex-direction:column;z-index:5}.sidebar-brand{color:#f6f7ed;font-size:17px;gap:8px;margin-bottom:49px}.sidebar-brand img{width:31px;height:31px;filter:brightness(1.14)}.sidebar-label{font-size:8px;letter-spacing:1.7px;color:#90a899;padding:0 13px;margin-bottom:14px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;border:0;background:none;border-radius:6px;color:#acbfb2;font-size:11px;text-align:left}.nav-item svg{width:17px;height:17px;opacity:.8}.nav-item.active{background:#dbe7bd;color:#243f31;font-weight:600}.nav-arrow{margin-left:auto;font-size:17px}.nav-item:not(.active) .nav-arrow{display:none}.nav-item:hover:not(.active){background:#ffffff08;color:#fff}.nav-count{margin-left:auto;border-radius:4px;background:#e0e8bc;color:var(--green);padding:3px 6px;font-size:9px}.sidebar-note{margin:auto 12px 34px;padding-top:45px}.small-star{display:block;font-size:35px;color:#b9cca1;margin-bottom:17px}.sidebar-note h3{font-size:18px;letter-spacing:-.5px;line-height:1.4;font-weight:400;color:#d5e1c9}.sidebar-note p{font-size:10px;line-height:1.8;color:#88a192;margin-top:13px}.sidebar-bottom{display:flex;gap:9px;align-items:center;border-top:1px solid #ffffff14;padding:20px 0 23px}.avatar{background:#426252;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#e0e9cc}.sidebar-bottom strong{display:block;font-size:10px;font-weight:500}.sidebar-bottom div>span{display:block;font-size:8px;color:#8fa798;margin-top:4px}.sidebar-bottom .icon-button{color:#98b2a0;width:29px;margin-left:auto}.sidebar-bottom .icon-button svg{width:16px;height:16px}.workspace{margin-left:237px;width:calc(100% - 237px);min-width:0}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 41px}.breadcrumb{display:flex;gap:12px;font-size:10px;color:#8a9086}.breadcrumb span{color:#b8bdaf}.breadcrumb strong{font-weight:500;color:#52604f}.topbar-right{display:flex;align-items:center;gap:25px}.monitor-pill{display:flex;align-items:center;gap:7px;font-size:9px;color:#687861}.monitor-pill i{width:5px;height:5px;display:block;background:#8c9a80;border-radius:50%}.monitor-pill.live i{background:#567b4b;box-shadow:0 0 0 3px #dce6cd}.monitor-pill.error i{background:#c78156}.top-bell{border-left:1px solid #dedfd4;border-radius:0;padding-left:22px;width:44px;position:relative}.top-bell svg{width:17px;height:17px}.top-bell>i{position:absolute;width:5px;height:5px;border-radius:50%;background:#c47750;right:4px;top:4px}#content{max-width:1550px;margin:auto;padding:38px 41px 0}.page-heading{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-bottom:30px}.page-heading h1{margin:17px 0 16px}.page-heading h1>span{color:#8b977d}.page-heading p{font-size:11px;color:#848b7e}.heading-actions{display:flex;flex-direction:column;align-items:flex-end;gap:14px;padding-bottom:2px}.heading-actions>span{font-size:9px;color:#919787}.heading-actions .button svg{width:16px;height:16px}.demo-banner{display:flex;align-items:center;gap:13px;background:#eeecdf;border:1px solid #e0dfd0;border-radius:8px;padding:14px 17px;margin-bottom:23px}.demo-banner>span svg{width:20px;height:20px;color:#8b8d62}.demo-banner>div{display:flex;flex-direction:column;gap:5px;flex:1}.demo-banner strong{font-size:11px;font-weight:550}.demo-banner div>span{font-size:10px;color:#878c7d}.demo-banner .text-button{font-size:10px;gap:9px;color:#6c755d}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:37px}.stat-card{padding:20px 20px 18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-width:0}.stat-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#7b8576}.stat-label svg{width:15px;height:15px;color:#8f9a81}.stat-value{font-size:37px;line-height:1;margin:22px 0 15px;font-weight:450;letter-spacing:-1.5px}.stat-caption{font-size:9px;color:#929989;display:flex;align-items:center;gap:6px}.status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;flex-shrink:0}.status-dot.green{background:#6d8d58}.accent-card{background:#e6ebd8;border-color:#dce3cc}.accent-card .stat-value{color:#365137}.stat-link{display:flex;justify-content:space-between;width:100%;padding:0;border:0;background:none;font-size:9px;color:#627952}.stat-link span{font-size:13px}.collection-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px}.collection-head h2{display:flex;align-items:center;gap:11px}.count-badge{padding:3px 7px;border:1px solid #dcded2;color:#8a937d;font-size:10px;letter-spacing:0;border-radius:4px;font-weight:400}.collection-head p{font-size:10px;color:#8d9484;margin-top:8px}.collection-head .button{font-size:10px;min-height:35px;padding:9px 12px;gap:8px}.collection-head svg{width:13px;height:13px}.collection-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.table-toolbar{padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:15px}.filter-tabs{display:flex;gap:2px;background:#f3f4ee;padding:3px;border-radius:6px}.filter-tabs button{padding:8px 11px;font-size:9px;color:#8b9381;background:none;border:0;border-radius:4px;white-space:nowrap}.filter-tabs button.active{background:#fff;color:#4b6042;box-shadow:0 1px 4px #00000008;font-weight:550}.table-tools{display:flex;align-items:center;gap:9px}.search-box{display:flex;align-items:center;gap:7px;margin:0;color:#9ba28f;border:1px solid #e8e9e0;border-radius:5px;padding:0 9px;max-width:205px}.search-box svg{width:13px;height:13px}.search-box input{padding:9px 0;border:0;box-shadow:none;font-size:9px}.table-tools>.icon-button{border:1px solid #e8e9e0;width:32px;height:32px;border-radius:5px;color:#939e86}.table-tools>.icon-button svg{width:14px;height:14px}.table-scroll{overflow:auto}.product-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:770px}.product-table th{text-align:left;font-size:8px;color:#959c8c;font-weight:500;letter-spacing:.5px;white-space:nowrap;padding:14px 11px;background:#fafbf7;border-top:1px solid #edeee5;border-bottom:1px solid #edeee5}.product-table th:first-child{padding-left:21px;width:37%}.product-table th:nth-child(2){width:17%}.product-table th:nth-child(3){width:13%}.product-table th:nth-child(4){width:14%}.product-table th:nth-child(5){width:14%}.product-table th:last-child{width:5%;padding-right:15px}.th-sub{display:block;font-size:6px;margin-top:4px;color:#b2b7a9}.shop-country{font-size:6px;background:#f0f1e9;color:#929c83;border:1px solid #e1e4d7;border-radius:2px;padding:2px;margin-left:3px}.product-table td{padding:23px 11px;border-bottom:1px solid #eeefe7;vertical-align:middle}.product-table tr:last-child td{border-bottom:0}.product-table td:first-child{padding-left:21px}.product-cell{display:flex;gap:14px;align-items:center;min-width:0}.book-cover{width:43px;height:60px;min-width:43px;border-radius:1px 3px 3px 1px;box-shadow:2px 3px 5px #00000016;background:#d9d6c8;position:relative;border-left:3px solid #0001;display:flex;flex-direction:column;justify-content:space-between;padding:6px;overflow:hidden}.book-cover .cover-text{font-family:Georgia,serif;font-size:7px;line-height:1.15;text-transform:uppercase;overflow:hidden;max-height:34px;letter-spacing:-.1px}.book-cover .cover-mark{font-size:4px;letter-spacing:1px;opacity:.6}.cover-0{background:#c9c5b4;color:#434a40}.cover-1{background:#e1c9a0;color:#865744}.cover-2{background:#82907c;color:#f5edda}.book-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.product-meta{min-width:0;flex:1}.product-name{font-size:11px;font-weight:550;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:300px}.product-name:hover{color:#68825a}.product-author{font-size:9px;color:#9a9f93;line-height:1.6;margin-top:4px}.product-edition{font-size:7px;color:#a5aa9a;margin-top:7px;letter-spacing:.2px}.status-tag{display:inline-flex;align-items:center;gap:5px;font-size:8px;font-weight:500;white-space:nowrap;padding:6px 8px;border-radius:4px}.status-tag:before{content:'';display:block;width:4px;height:4px;background:currentColor;border-radius:50%}.status-tag.available{background:#eef3e6;color:#6c8250}.status-tag.unavailable{background:#f4eee8;color:#b18c69}.status-tag.neutral{background:#f0f1ec;color:#919982}.row-condition{font-size:8px;color:#a1a895;margin-top:8px}.price{font-size:13px;font-weight:550;letter-spacing:-.25px;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.price.best{color:#64824c}.best-label{display:block;font-size:6px;font-weight:600;letter-spacing:.5px;color:#799561;margin-top:7px}.price-condition{font-size:7px;color:#a1a894;margin-top:5px}.no-price{font-size:14px;color:#b6bcae;letter-spacing:1px}.price-age{font-size:7px;color:#b0b6a7;margin-top:6px}.remove-product{color:#a8b29b;width:24px;height:28px}.remove-product svg{width:13px;height:13px}.row-error{display:block;max-width:100px;color:#b3835f;font-size:8px;line-height:1.5;margin-top:7px}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 21px;border-top:1px solid #eeefe7;color:#9fa693;font-size:8px}.table-footer>div{display:flex;align-items:center;gap:10px}.table-footer .icon-button{width:24px;height:24px;border:1px solid #e7eade;font-size:11px}.table-footer>div>span:first-child{margin-right:9px}.bottom-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:23px}.connection-card,.push-card{display:flex;align-items:flex-start;gap:16px;border:1px solid #dedfd2;border-radius:var(--radius);padding:22px 20px}.panel-icon{padding:9px;background:#e9ecd9;border:1px solid #dde3cc;border-radius:7px;color:#7b905d}.panel-icon svg{width:16px;height:16px}.bottom-panels h3{font-size:11px;font-weight:550;margin-top:1px}.bottom-panels p{font-size:9px;line-height:1.8;color:#8e9780;margin:8px 0 14px;max-width:300px}.bottom-panels .text-button{font-size:9px;gap:20px;color:#72875c}.page-footer{display:flex;justify-content:space-between;gap:15px;padding:28px 0 25px;font-size:8px;color:#a4ab98}.page-footer>span:last-child{font-size:6px;letter-spacing:.9px}.footer-dot{padding:0 6px}.mobile-nav{display:none}.empty-state{text-align:center;padding:55px 20px;color:#8b957e}.empty-state>span{display:flex;justify-content:center;margin-bottom:17px}.empty-state>span svg{width:30px;height:30px}.empty-state h3{color:var(--ink);font-size:16px}.empty-state p{font-size:12px;margin:12px 0 23px;line-height:1.7}.empty-state .button{font-size:11px}.simple-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:16px 0 35px}.simple-heading h1{font-size:43px;margin:20px 0 14px}.simple-heading h1>span{color:#95a27c}.simple-heading p{font-size:12px;color:var(--muted)}.notification-tools{display:flex;align-items:center;justify-content:space-between;margin:28px 0 18px;font-size:11px;color:var(--muted)}.notification-list{display:flex;flex-direction:column;gap:12px}.notification-item{display:flex;align-items:flex-start;gap:17px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:10px}.notification-item.unread{border-left:3px solid #728658;background:#fcfdf8}.notification-item .notification-symbol{background:#eaf0dd;color:#758a58;padding:11px;border-radius:8px}.notification-item .notification-symbol svg{width:18px;height:18px}.notification-text{flex:1}.notification-text h3{font-size:13px;margin-top:2px}.notification-text p{font-size:11px;color:#8b947f;margin-top:8px;line-height:1.8}.notification-item time{font-size:9px;white-space:nowrap;color:#9da68f;margin-top:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.settings-card{background:#fff;padding:25px;border:1px solid var(--line);border-radius:var(--radius)}.settings-card-title{display:flex;align-items:center;gap:10px;margin-bottom:22px}.settings-card-title>span:first-child{color:#8da075}.settings-card-title svg{width:19px;height:19px}.settings-card h2{font-size:16px}.settings-card-title .status-tag{margin-left:auto}.settings-card p{font-size:12px;line-height:1.8;color:#849077}.settings-card label{margin-top:22px}.input-unit{display:flex;align-items:center;border:1px solid #dcded2;border-radius:7px;overflow:hidden}.input-unit input{border:0;width:auto;min-width:0;flex:1;box-shadow:none}.input-unit>span{color:#9aa28d;font-size:11px;padding-right:15px}.setting-toggle{margin:25px 0;display:flex;gap:15px;justify-content:space-between;align-items:center}.setting-toggle strong{font-size:12px;display:block;font-weight:550}.setting-toggle div>span{font-size:10px;line-height:1.6;display:block;color:#97a085;margin-top:6px}.switch{margin:0!important;width:36px;min-width:36px;height:22px;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch>span:first-of-type{display:block;width:36px;height:22px;background:#dce0d3;border-radius:20px;transition:.2s}.switch>span:first-of-type:before{content:'';width:16px;height:16px;border-radius:50%;background:white;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0002;transition:.2s}.switch input:checked+span{background:#5d7d50}.switch input:checked+span:before{transform:translateX(14px)}.switch input:focus-visible+span{outline:3px solid #9cae63;outline-offset:3px}.settings-card details{background:#f6f7f0;padding:13px;border-radius:7px;margin-top:15px;color:#7d896e;font-size:11px;line-height:1.8}.settings-card summary{font-weight:500;cursor:pointer}.settings-card ol{padding-left:18px}.settings-card li{margin-bottom:8px}.settings-card details p{font-size:10px}.settings-card code{background:#e8eddf;padding:2px 4px;border-radius:3px;font-size:10px}.settings-card textarea{font-size:11px;resize:vertical}.push-guide{background:#f6f7f0;border:1px solid #e8ebdf;border-radius:7px;padding:14px;margin:20px 0}.push-guide strong{font-size:11px}.push-guide p{font-size:11px;margin-top:7px}.settings-card form>.button:last-child{margin-top:5px}.settings-card #password-form>.button{margin-top:5px}.settings-card #password-form input{font-size:12px}
.momox-card .firefox-guide{border:1px solid #dce3ce;padding:16px}
.momox-card details ol{margin:14px 0 8px;padding-left:20px}
.momox-card details li{margin-bottom:12px;color:var(--ink);overflow-wrap:anywhere}
.momox-card details a{color:var(--green);text-underline-offset:3px}
.momox-card details kbd{font:inherit;font-size:10px;display:inline-block;padding:0 5px;border:1px solid #d6ddc8;border-radius:4px;background:#fff;color:var(--ink)}
.momox-card textarea{overflow-wrap:anywhere}
.momox-card textarea[aria-invalid="true"]{border-color:#a04738}
.momox-card #momox-input-error{color:#a04738;font-size:12px;line-height:1.6;margin:10px 0}
.momox-card .momox-limit{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.momox-card .browser-steps{padding-left:20px;margin:20px 0;font-size:12px;line-height:1.8}
.momox-card .browser-steps li{margin-bottom:12px}
.momox-card #momox-browser-ready{margin-top:16px;white-space:normal}
/* Overlay */
dialog{border:1px solid #e1e3d5;border-radius:16px;padding:28px;width:min(480px,calc(100% - 30px));background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #001b1740}dialog::backdrop{background:#18362c55;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px}dialog h2{font-size:26px;margin:15px 0 12px;font-weight:500}dialog>p{font-size:12px;color:var(--muted);line-height:1.8}dialog input{font-size:12px}dialog .button{width:100%;margin-top:12px;justify-content:space-between}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);padding:15px 21px;background:#234b3f;color:#fff;box-shadow:0 8px 35px #0002;border-radius:8px;z-index:100;max-width:min(500px,90vw);font-size:12px;line-height:1.7}.toast.error{background:#8f5037}.spin svg{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){#content{padding-top:46px}.page-heading h1{font-size:56px}.product-table td{padding-top:28px;padding-bottom:28px}.stat-value{font-size:42px}.stat-card{padding:24px}.page-heading p,.collection-head p{font-size:12px}.product-name{font-size:12px}.table-toolbar{padding:20px}.stat-label{font-size:11px}.sidebar{width:252px;min-width:252px;padding-left:25px;padding-right:25px}.workspace{margin-left:252px;width:calc(100% - 252px)}}
@media(max-width:1200px){.sidebar{width:205px;min-width:205px;padding-left:14px;padding-right:14px}.sidebar-brand{font-size:15px;gap:5px}.sidebar-brand .beta{display:none}.workspace{margin-left:205px;width:calc(100% - 205px)}#content{padding:30px 27px 0}.topbar{padding:0 27px}.page-heading h1{font-size:43px}.stats-grid{gap:10px}.stat-card{padding:16px}.stat-label{font-size:9px}.stat-caption{font-size:8px}.filter-tabs button{padding:8px;font-size:8px}.search-box{max-width:150px}.bottom-panels{gap:12px}.connection-card,.push-card{padding:18px 15px;gap:11px}}
@media(max-width:950px){.stats-grid{grid-template-columns:repeat(2,1fr)}.page-heading h1{font-size:40px}.page-heading p{max-width:280px;line-height:1.8}.heading-actions .button{font-size:10px;padding:11px}.bottom-panels{grid-template-columns:1fr}.table-toolbar{align-items:flex-start;gap:12px;flex-direction:column}.table-tools{width:100%}.search-box{max-width:none;flex:1}.search-box input{font-size:10px}.settings-grid{grid-template-columns:1fr}.simple-heading{align-items:flex-start;flex-direction:column}.demo-banner{flex-wrap:wrap}.demo-banner .text-button{margin-left:33px}.page-footer{line-height:1.8}.page-footer>span:last-child{max-width:110px;text-align:right}.login-screen{grid-template-columns:1.1fr 1fr}.login-main{padding:30px 8%}.login-card h1{font-size:31px}.login-lead{font-size:11px}.login-art{padding:35px 10%}.big-book{width:175px;height:250px;padding:24px 18px}.big-book>span{font-size:27px}.art-alert{left:-10%;padding:13px 15px}.art-bottom{font-size:21px}.art-top{font-size:7px;letter-spacing:1px}.login-footer{flex-direction:column;gap:8px}.login-brand{font-size:16px}.login-brand .beta{display:none}}
@media(max-width:700px){.sidebar{display:none}.workspace{margin-left:0;width:100%}.topbar{height:61px;padding:0 20px}.breadcrumb{font-size:9px}.topbar-right{gap:12px}.monitor-pill{font-size:8px}.top-bell{padding-left:13px;width:33px}#content{padding:28px 19px 80px}.page-heading{align-items:flex-start;margin-bottom:23px;gap:10px}.page-heading .eyebrow{font-size:7px;letter-spacing:1.2px}.page-heading h1{font-size:37px;margin-top:15px;margin-bottom:12px;letter-spacing:-1.7px}.page-heading p{font-size:10px;max-width:225px}.heading-actions{padding-top:31px;gap:10px}.heading-actions .button{min-height:36px;font-size:0;padding:9px;gap:0;width:36px}.heading-actions .button svg{width:18px;height:18px}.heading-actions>span{font-size:7px;max-width:90px;text-align:right;line-height:1.7}.demo-banner{padding:12px;font-size:10px;gap:9px;margin-bottom:18px}.demo-banner>div{gap:4px}.demo-banner strong{font-size:10px}.demo-banner div>span{font-size:9px;line-height:1.7}.demo-banner .text-button{font-size:9px;margin-left:29px}.demo-banner>span svg{width:18px;height:18px}.stats-grid{gap:10px;margin-bottom:27px}.stat-card{padding:16px}.stat-label{font-size:9px}.stat-value{font-size:33px;margin:18px 0 12px}.stat-caption{font-size:8px;line-height:1.6}.stat-link{font-size:8px}.collection-head h2{font-size:18px}.collection-head p{font-size:8px;line-height:1.6;max-width:190px}.collection-head>.button{font-size:0;gap:0;padding:8px;width:33px;min-height:33px}.collection-head>.button svg{width:16px;height:16px}.table-toolbar{padding:14px;gap:14px}.filter-tabs{width:100%}.filter-tabs button{flex:1;font-size:8px;padding:9px}.table-scroll{overflow:visible}.product-table{min-width:0;display:block}.product-table thead{display:none}.product-table tbody{display:block}.product-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 24px;padding:17px 15px 18px;border-top:1px solid #eceee2;position:relative;gap:15px 4px}.product-table td{display:block;border:0;padding:0!important;min-width:0}.product-table td:first-child{grid-column:1/4;grid-row:1}.product-table td:nth-child(2){grid-column:1/4;grid-row:2;display:flex;align-items:center;gap:10px}.product-table td:nth-child(3){grid-column:1;grid-row:3}.product-table td:nth-child(4){grid-column:2;grid-row:3}.product-table td:nth-child(5){grid-column:3/5;grid-row:3}.product-table td:last-child{grid-column:4;grid-row:1;align-self:start}.product-table td[data-label]:before{content:attr(data-label);display:block;color:#a1aa93;font-size:6px;letter-spacing:.7px;margin-bottom:8px}.product-cell{gap:13px}.book-cover{width:39px;height:56px;min-width:39px}.product-name{font-size:11px;line-height:1.6;max-width:300px}.product-author{font-size:9px;margin-top:3px}.product-edition{font-size:7px;margin-top:4px}.status-tag{font-size:8px;padding:5px 7px}.row-condition{font-size:8px;margin:0}.row-error{max-width:none;font-size:8px;margin:0 0 0 5px}.price{font-size:13px}.price-condition{font-size:7px}.price-age{font-size:7px}.best-label{font-size:6px;margin-top:5px}.table-footer{padding:12px 15px;font-size:8px}.table-footer>div{gap:7px}.table-footer>div>span:first-child{display:none}.bottom-panels{margin-top:18px}.connection-card,.push-card{padding:17px}.bottom-panels p{font-size:10px}.bottom-panels h3{font-size:12px}.bottom-panels .text-button{font-size:10px}.page-footer{font-size:7px;padding:22px 0}.page-footer>span:last-child{font-size:5px;letter-spacing:.6px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fdfef9f2;backdrop-filter:blur(10px);border-top:1px solid #e0e5d5;padding:7px 25px calc(7px + env(safe-area-inset-bottom));z-index:10;justify-content:space-around}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:8px;border:0;background:none;color:#99a58d;padding:5px 17px}.mobile-nav button.active{color:#345d44}.mobile-nav svg{width:19px;height:19px}.simple-heading{margin-top:5px;margin-bottom:24px}.simple-heading h1{font-size:35px}.simple-heading p{font-size:11px;line-height:1.8}.simple-heading .eyebrow{font-size:7px}.simple-heading>.button{font-size:10px}.notification-tools{font-size:10px;gap:10px;line-height:1.8}.notification-tools .text-button{font-size:10px}.notification-item{padding:17px 14px;gap:11px;flex-wrap:wrap}.notification-item time{padding-left:51px;margin-top:-6px;flex-basis:100%;font-size:8px}.notification-text h3{font-size:12px}.notification-text p{font-size:10px}.notification-item .notification-symbol{padding:9px}.settings-grid{gap:16px}.settings-card{padding:20px}.settings-card p{font-size:11px}.settings-card h2{font-size:15px}.settings-card-title{gap:8px}.toast{bottom:90px;font-size:11px;width:calc(100% - 38px)}.login-screen{display:block}.login-art{display:none}.login-main{padding:27px 25px;min-height:100svh}.login-brand{font-size:18px}.login-card{padding:60px 0;max-width:370px}.login-card h1{font-size:35px;line-height:1.2}.login-lead{font-size:12px}.login-footer{font-size:8px;gap:9px;line-height:1.8}.private-note{font-size:9px}dialog{padding:22px}dialog .eyebrow{font-size:8px}dialog h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}