:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#1c2632;background:#f7f8fa;font-synthesis:none;--ink:#1e2a39;--muted:#778292;--line:#e6e9ee;--navy:#172633;--card:#fff;--blue:#2e6dc5;--accent:#efbb53;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}input,select,textarea{width:100%;border:1px solid #dfe5ec;border-radius:9px;background:#fff;color:#263448;padding:12px 13px;outline:none;transition:border-color .14s,box-shadow .14s}input:focus,select:focus,textarea:focus{border-color:#578ed2;box-shadow:0 0 0 3px #3b78bb20}textarea{min-height:76px;resize:vertical}select{padding-right:26px}small{font-size:12px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:#1d2937;letter-spacing:-.034em}h1{font-size:32px;line-height:1.2;font-weight:780;margin-bottom:10px}h2{font-size:19px;font-weight:750;margin-bottom:5px}h3{font-size:16px}p{color:#7a8492}code{font-size:12px;background:#f1f3f6;padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #88b8fc;outline-offset:3px}
[hidden]{display:none!important}.app-layout{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{background:#192734;color:#c3cdd7;display:flex;flex-direction:column;min-height:100vh;padding:28px 16px 19px;position:sticky;top:0;align-self:start;height:100vh;overflow:auto}.brand{display:flex;gap:11px;align-items:center;margin:0 9px 49px;color:#fff}.brand-icon{display:inline-flex;align-items:center;justify-content:center;background:#f2bb54;color:#23323d;font-size:26px;line-height:1;letter-spacing:-.07em;font-weight:900;border-radius:12px;width:43px;height:43px;flex-shrink:0}.brand-dot{color:#fff}.brand strong,.auth-brand strong{font-size:20px;font-weight:790;letter-spacing:-.045em;display:block;line-height:1.05}.brand small,.auth-brand small{display:block;color:#95a3b0;font-size:8px;letter-spacing:.13em;font-weight:700;margin-top:6px}.nav-section{font-size:10px;letter-spacing:.16em;color:#778d9f;font-weight:800;margin:0 16px 11px}.sidebar nav{display:grid;gap:4px;margin-bottom:34px}.nav-link{padding:12px 13px;display:flex;align-items:center;gap:12px;border-radius:9px;color:#b0becb;font-weight:560}.nav-link:hover{color:#fff;background:#253949}.nav-link.is-active{background:#344656;color:#fff;box-shadow:inset 3px 0 0 #efbb53}.nav-icon{width:21px;text-align:center;font-size:19px;line-height:1;color:#91a4b5}.is-active .nav-icon{color:#f4c873}.side-bottom{margin-top:auto}.comixadiko-sign{display:flex;align-items:center;gap:10px;background:#243746;padding:13px 12px;border:1px solid #354756;border-radius:11px;margin-bottom:20px}.circle-mark{width:33px;height:33px;border:2px solid #efbb53;color:#efbb53;display:grid;place-items:center;border-radius:50%;font-weight:900}.comixadiko-sign strong,.user-row strong{font-size:13px;color:#f7fafc;display:block}.comixadiko-sign small,.user-row small{font-size:11px;display:block;color:#91a2af}.user-row{border-top:1px solid #324251;padding:17px 4px 0;display:flex;align-items:center;gap:10px}.avatar{height:34px;width:34px;min-width:34px;border-radius:50%;background:#dae8fc;color:#245ca7;display:grid;place-items:center;font-weight:800}.user-row .avatar{background:#415564;color:#fff}.user-info{flex:1;min-width:0}.user-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-button{border:0;background:transparent;padding:7px;border-radius:7px;color:#8fa4b2;font-size:19px}.icon-button:hover{background:#e5eaf0;color:#172633}.sidebar .icon-button:hover{background:#314858;color:#fff}.main-area{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:67px;background:#fff;border-bottom:1px solid var(--line);padding:0 43px;display:flex;align-items:center;justify-content:space-between;color:#6f7c8b}.topbar-context{font-size:11px;font-weight:850;letter-spacing:.14em}.topbar-context span{padding:0 11px;color:#b5bfc9}.topbar-right{font-size:12px;display:flex;gap:7px;align-items:center}.status-dot{width:7px;height:7px;border-radius:50%;background:#4eac86}.mobile-menu{display:none}.content{max-width:1500px;width:100%;margin:0 auto;padding:42px 43px 85px;flex:1}.footer{padding:17px 43px;border-top:1px solid var(--line);font-size:11px;color:#96a1ad;display:flex;gap:10px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:34px}.eyebrow,.auth-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:850;color:#5180b9;margin-bottom:11px}.page-header p{margin-bottom:0;font-size:14px}.header-actions,.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{appearance:none;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:5px;min-height:41px;padding:10px 15px;border-radius:9px;font-weight:700;line-height:1.25;white-space:nowrap;font-size:12px;transition:transform .12s,background .12s,border-color .12s}.btn:active{transform:translateY(1px)}.btn-dark{background:#1c2d3d;color:#fff;border-color:#1c2d3d}.btn-dark:hover{background:#34506a}.btn-primary{background:#e8f1fd;color:#245fa8;border-color:#d6e7fa}.btn-primary:hover{background:#d9eafb}.btn-light{background:#fff;border-color:#e1e6ec;color:#3e4c5b}.btn-light:hover{border-color:#bdcbd9;background:#f8fafc}.btn-quiet{background:transparent;color:#667686}.btn-quiet:hover{color:#1b507f;background:#f4f7fa}.btn-danger{color:#a13434;background:#fff;border-color:#f0d5d5}.btn-danger:hover{background:#fff0ef}.btn-wide{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:41px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;min-height:120px;padding:19px 20px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:38px 23px;column-gap:15px;align-content:center;box-shadow:0 2px 6px #1b2d4004}.stat-icon{height:42px;width:42px;border-radius:10px;grid-row:span 2;display:grid;place-items:center;font-size:23px}.stat-icon.blue{background:#e9f1fd;color:#347bc6}.stat-icon.yellow{background:#fff5df;color:#bc8c26}.stat-icon.green{background:#e7f7ef;color:#35a071}.stat-icon.purple{background:#f1eafa;color:#8a61b9}.stat-number{font-size:25px;font-weight:810;color:#203041;line-height:1.25;letter-spacing:-.04em}.stat-label{font-size:11px;color:#8995a2;white-space:nowrap}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-heading h2{margin-bottom:2px}.section-heading p{font-size:12px;margin-bottom:0}.count-bubble{background:#eaf0f8;color:#58718b;padding:6px 11px;border-radius:30px;font-size:11px;font-weight:730}.filters{display:flex;gap:10px;align-items:center;margin-bottom:16px}.search-wrap{flex:1;position:relative;min-width:170px}.search-icon{font-size:24px;color:#8c98a7;position:absolute;left:13px;top:50%;transform:translateY(-52%)}.search-wrap input{height:45px;padding-left:41px}.filters select{width:195px;height:45px;color:#536173;font-size:12px}.filter-favorite{background:#fff;border:1px solid #dfe5ec;height:45px;border-radius:9px;padding:0 13px;white-space:nowrap;color:#637286;font-weight:700;font-size:12px}.filter-favorite.active{color:#976800;background:#fff6df;border-color:#edcd85}.supplier-list{border-radius:13px;border:1px solid var(--line);background:#fff;overflow:hidden}.supplier-card{display:flex;align-items:center;gap:17px;padding:20px 19px;border-bottom:1px solid #edf0f3;min-height:118px;transition:background .13s}.supplier-card:last-child{border-bottom:none}.supplier-card:hover{background:#fcfdff}.supplier-mark,.detail-mark{width:53px;height:53px;min-width:53px;border-radius:11px;display:grid;place-items:center;font-size:24px;font-weight:800;letter-spacing:-.05em}.supplier-mark.books,.detail-mark.books{color:#326bb4;background:#e6f1ff}.supplier-mark.games,.detail-mark.games{color:#a86c26;background:#fdf0dc}.supplier-mark.other,.detail-mark.other{color:#68835b;background:#eaf4e7}.supplier-main{flex:1;min-width:0}.supplier-title-line{display:flex;align-items:center;gap:9px;margin-bottom:4px;flex-wrap:wrap}.supplier-title{font-size:15px;font-weight:760;color:#253447}.supplier-title:hover{color:#2e6dc5}.type-label{font-size:10px;color:#8796a4;background:#f3f5f7;border:1px solid #e7ecf1;border-radius:5px;padding:1px 6px}.supplier-publishers{font-size:11px;color:#667b8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:9px}.supplier-publishers span{font-weight:750;color:#8b99a8;margin-right:5px}.muted{color:#96a1ad!important}.supplier-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:11px;color:#85909c}.method-pill{display:inline-flex;align-items:center;gap:4px;border-radius:5px;padding:4px 7px;font-size:10px;font-weight:750;line-height:1.2;white-space:nowrap}.method-pill.website{background:#e8f0fd;color:#346bae}.method-pill.email{background:#e9f7f0;color:#27845f}.method-pill.phone{background:#fff3e0;color:#a87527}.method-pill.representative{background:#f2eafb;color:#8151a5}.method-pill.other{background:#eef1f4;color:#697989}.supplier-actions{display:flex;gap:5px;align-items:center;justify-content:end;flex-wrap:wrap}.supplier-actions .btn{min-height:37px}.favorite-form{margin-right:4px}.star-btn{border:0;background:transparent;color:#b8c2ca;font-size:24px;padding:3px 8px}.star-btn:hover,.star-btn.active{color:#e0a92f}.empty{padding:70px 28px;background:#fff;border-radius:12px;border:1px dashed #dae1e9;text-align:center}.empty-graphic{font-size:42px;color:#a0b8d3}.empty h3{margin:12px 0 5px;font-size:19px}.empty p{max-width:470px;margin:0 auto 22px}.empty-filter{padding:25px;text-align:center;color:#768596;background:#fff}.link-button{border:0;background:transparent;color:#2c70c3;text-decoration:underline;font-weight:700}.alert{padding:12px 15px;border-radius:9px;margin-bottom:22px;font-weight:600}.alert-error{background:#fff0ed;border:1px solid #f3d2ca;color:#ad4c3e}.alert-success{background:#eaf7ef;border:1px solid #ccead7;color:#348561}.breadcrumbs{font-size:12px;color:#909ca8;margin:-7px 0 22px}.breadcrumbs a{color:#617a93}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs span{margin:0 8px;color:#b3c0cb}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:26px;box-shadow:0 3px 13px #233b5305}.panel-header{display:flex;gap:13px;align-items:flex-start;margin-bottom:23px}.panel-header h2{font-size:17px;margin:1px 0 3px}.panel-header p{font-size:12px;margin:0}.panel-index{width:31px;height:31px;min-width:31px;background:#ecf3fa;color:#4877a8;border-radius:7px;font-size:12px;font-weight:800;display:grid;place-items:center}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 16px}.field{display:flex;flex-direction:column;font-size:12px;color:#475668;font-weight:760;gap:7px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{font-weight:450;font-size:13px}.field em{color:#d66767;font-style:normal}.field small{color:#9aa4af;font-weight:450}.field-help{font-weight:450;font-size:11px;color:#9aa4af;line-height:1.5}.field[data-highlight-method].highlighted{color:#205da5}.field[data-highlight-method].highlighted input{border-color:#a6caee;background:#fafdff}.edit-layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:22px;align-items:start}.edit-left{display:grid;gap:20px}.sticky-panel{background:#fff;border:1px solid var(--line);border-radius:13px;padding:23px;position:sticky;top:22px}.sticky-panel h3{margin:10px 0 6px}.sticky-panel p{font-size:12px}.sticky-panel .btn{margin-top:9px}.small-panel-label{font-size:10px;color:#7190af;letter-spacing:.14em;font-weight:850}.tip{border-top:1px solid #e8edf1;margin-top:23px;padding-top:18px}.tip strong{font-size:12px;color:#355980}.tip p{font-size:11px;line-height:1.65;margin:6px 0}.supplier-detail-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 30px;background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:23px}.detail-brand{display:flex;gap:18px;align-items:center}.detail-mark{height:68px;min-width:68px;width:68px;font-size:30px;border-radius:14px}.detail-brand h1{margin:4px 0 8px;font-size:27px}.detail-brand p{margin:0}.detail-brand .eyebrow{margin:0;font-size:10px}.detail-layout,.compose-layout,.settings-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:22px;align-items:start}.detail-layout>div,.compose-layout>div,.settings-layout>div{min-width:0;display:grid;gap:22px}.detail-panel .panel-header{margin-bottom:20px}.action-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.action-tile{display:flex;align-items:center;gap:10px;border:1px solid #e8edf1;background:#fcfdfe;padding:13px 11px;border-radius:9px;min-width:0}.action-tile:hover{border-color:#b4cbe5;background:#f6f9fe}.tile-icon{font-size:18px;width:34px;height:34px;min-width:34px;border-radius:7px;display:grid;place-items:center}.tile-icon.blue{background:#e5f1fe;color:#2e6ac2}.tile-icon.green{background:#e6f8ec;color:#33916b}.tile-icon.yellow{background:#fff5e4;color:#b58436}.tile-icon.purple{background:#f1eafb;color:#8857a9}.tile-icon.gray{background:#e9eef2;color:#697789}.action-tile strong{font-size:11px;font-weight:760;color:#3c4c5d;display:block}.action-tile small{display:block;color:#94a1ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.action-tile>span:nth-child(2){flex:1;min-width:0}.tile-arrow{font-size:14px;color:#afc0cb}.info-note{border-radius:9px;border:1px solid #dae8fa;background:#f2f7fe;padding:17px 18px;margin-top:17px;color:#3e6187}.info-note strong{font-size:12px}.info-note p{font-size:12px;line-height:1.7;margin:6px 0 0;color:#617993;overflow-wrap:anywhere}.detail-sidebar{align-items:start}.side-info{padding:24px}.side-info h3{margin:8px 0 11px}.side-info p{font-size:12px;line-height:1.7}.side-info dl{margin:0}.side-info dt{font-size:11px;color:#9ba6b1;margin-top:16px}.side-info dd{font-weight:620;color:#4b5a6a;margin:5px 0 0;font-size:12px;line-height:1.65;overflow-wrap:anywhere}.side-separator{border-top:1px solid var(--line);margin:19px 0}.multiline{overflow-wrap:anywhere;white-space:normal}.side-management{display:grid;gap:8px;margin-top:15px}.history-row{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #eef1f4}.history-row:first-child{padding-top:0}.history-row:last-child{border-bottom:none}.history-row strong{font-size:12px;margin-right:11px}.history-row p{font-size:12px;margin:8px 0 4px;color:#516171}.history-row small{color:#9aa5b0;font-size:11px}.add-history{border-top:1px solid #e8ecf0;margin-top:19px;padding-top:18px}.add-history summary{color:#2d6eb5;font-weight:730;font-size:12px;cursor:pointer;list-style-position:inside}.compact-form{padding:17px 0 0}.compact-form .btn{margin-top:18px}.compact-form>.field-help{display:block;margin-top:10px}.history-panel .panel-header{margin-bottom:10px}.orders-table-wrap{overflow:auto}.orders-table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.orders-table th{font-size:10px;text-align:left;letter-spacing:.07em;color:#8997a5;background:#f8fafc;padding:13px 11px}.orders-table td{border-bottom:1px solid #edf1f5;padding:14px 11px;color:#647487}.orders-table td a{color:#2a5b95;font-weight:700}.orders-table td.order-note-cell{white-space:normal;min-width:200px;max-width:330px}.compose-panel{padding:29px}.composer-notice{background:#f4f7fb;border-left:3px solid #82ace1;padding:12px 15px;font-size:12px;color:#708199;margin-bottom:25px}.composer-notice strong{color:#2f628e}.compose-actions{display:flex;gap:10px;align-items:center;margin-top:24px;flex-wrap:wrap}.copy-feedback{font-size:12px;color:#348561}.compose-panel>.field-help{display:block;margin-top:16px}.compose-layout>.panel{display:block}.compose-layout>div>.info-note{margin-top:0}.account-details{border-bottom:1px solid #e9edf2}.account-details summary{cursor:pointer;padding:17px 0;display:flex;gap:11px;align-items:center;list-style:none}.account-details summary::-webkit-details-marker{display:none}.account-details strong,.account-details small{display:block}.account-details small{color:#8291a0}.account-details .summary-right{font-size:11px;color:#6c91bb;margin-left:auto}.account-form{background:#f8fafc;border-radius:9px;padding:18px;margin-bottom:15px}.account-form .btn{margin-top:15px}.settings-layout .panel{display:block}.settings-layout .side-info .btn{margin-bottom:14px}.auth-shell{min-height:100vh;background:radial-gradient(circle at 90% 8%,#e1eaf4 0%,transparent 33%),#f4f6f8;display:grid;place-items:center;padding:42px 20px 65px}.auth-box{width:100%;max-width:442px;padding:39px 41px;background:#fff;border:1px solid #e4e9ef;border-radius:17px;box-shadow:0 20px 75px #233b5320}.auth-brand{display:flex;align-items:center;gap:11px;border-bottom:1px solid #e6eaf0;padding-bottom:31px;margin-bottom:30px}.auth-brand strong{color:#263749}.auth-heading h1{font-size:30px;margin-bottom:11px}.auth-heading p{font-size:13px;line-height:1.7;margin-bottom:27px}.stacked-form{display:grid;gap:19px}.stacked-form label{display:block;color:#44566b;font-size:12px;font-weight:740}.stacked-form label input{display:block;margin-top:7px}.stacked-form label small{font-weight:450;color:#9aa4b1}.stacked-form .btn{margin-top:6px;min-height:46px}.auth-note{color:#99a6b2;text-align:center;font-size:11px;line-height:1.65;margin-top:22px}.auth-footer{color:#94a2b1;text-align:center;font-size:11px;margin-top:22px}.auth-shell{display:flex;flex-direction:column;justify-content:center}.auth-shell .auth-box{margin:auto 0 0}.auth-shell .auth-footer{margin-top:25px}
@media(max-width:1280px){.app-layout{grid-template-columns:223px minmax(0,1fr)}.sidebar{padding:23px 10px}.content{padding:32px 27px 65px}.topbar{padding:0 27px}.stat{padding:14px 12px;column-gap:9px}.stat-label{white-space:normal}.supplier-actions{max-width:235px}.btn-order{white-space:normal}.filters select{width:160px}}
@media(max-width:1080px){.stats-grid{grid-template-columns:1fr 1fr}.supplier-card{gap:12px}.supplier-actions{flex-wrap:wrap;max-width:180px}.supplier-actions .btn-order{width:100%}.supplier-actions .btn-detail{width:100%}.filters{flex-wrap:wrap}.search-wrap{flex-basis:100%}.filters select{flex:1}.edit-layout{grid-template-columns:minmax(0,1fr) 225px}.detail-layout,.compose-layout,.settings-layout{grid-template-columns:minmax(0,1.4fr) minmax(210px,1fr)}.action-tiles{grid-template-columns:1fr}}
@media(max-width:780px){.app-layout{grid-template-columns:1fr}.sidebar{position:fixed;z-index:20;left:0;top:0;bottom:0;width:270px;transform:translateX(-100%);transition:transform .18s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 20px #0003}.mobile-menu{display:inline-flex;border:0;background:transparent;color:#35485c;font-size:23px;margin-right:12px}.topbar{height:59px;justify-content:flex-start;padding:0 18px}.topbar-right{margin-left:auto}.content{padding:25px 17px 65px}.footer{padding:17px}.page-header{flex-wrap:wrap;gap:15px;margin-bottom:25px}.page-header h1{font-size:27px}.header-actions{width:100%;justify-content:flex-start}.stats-grid{gap:10px;margin-bottom:29px}.stat{min-height:93px}.supplier-card{align-items:flex-start;flex-wrap:wrap}.supplier-main{width:calc(100% - 70px);flex:auto}.supplier-actions{max-width:none;width:100%;justify-content:flex-start;margin-left:65px}.supplier-actions .btn-order,.supplier-actions .btn-detail{width:auto}.supplier-actions .btn{white-space:normal}.favorite-form{order:3;margin-left:auto}.edit-layout,.detail-layout,.compose-layout,.settings-layout{grid-template-columns:1fr}.edit-right{order:-1}.sticky-panel{position:static;padding:18px}.sticky-panel .tip{display:none}.supplier-detail-hero{padding:21px;flex-wrap:wrap}.hero-actions{width:100%}.action-tiles{grid-template-columns:1fr 1fr}.detail-brand h1{font-size:23px}}
@media(max-width:480px){.topbar-context{font-size:9px}.topbar-right{font-size:10px}.stats-grid{grid-template-columns:1fr 1fr}.stat{display:flex;flex-wrap:wrap;gap:4px 8px;padding:13px}.stat-icon{height:34px;width:34px;font-size:17px}.stat-number{font-size:23px}.stat-label{width:100%;font-size:10px}.filters select{flex-basis:calc(50% - 8px);width:unset}.filter-favorite{flex:1}.supplier-mark{height:45px;min-width:45px;width:45px}.supplier-main{width:calc(100% - 57px)}.supplier-actions{margin-left:55px}.supplier-actions .btn{font-size:11px}.supplier-title{font-size:13px}.section-heading{align-items:flex-start}.count-bubble{white-space:nowrap}.field-grid{grid-template-columns:1fr}.action-tiles{grid-template-columns:1fr}.panel{padding:19px}.supplier-detail-hero{padding:17px}.detail-mark{height:54px;width:54px;min-width:54px}.detail-brand{gap:11px}.detail-brand h1{font-size:20px}.auth-box{padding:30px 23px}.compose-actions .btn{width:100%}}