*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#243349;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}aside{position:fixed;width:220px;height:100vh;background:#122a29;color:#d1ded9;padding:32px 22px}.logo{font-size:21px;font-weight:700;color:white;margin-bottom:48px}.logo small{display:block;font-size:10px;letter-spacing:3px;color:#93b6a9;margin-top:8px}nav{padding:14px;border-radius:8px;background:#294641;color:white}aside footer{position:absolute;bottom:28px;font-size:12px;color:#91aaa3;line-height:1.8}main{margin-left:220px;padding:34px 40px}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:29px;margin:8px 0}p{color:#798594;line-height:1.7}.eyebrow{font-size:11px;letter-spacing:2px;color:#75847e}.badge{background:#e6eee9;color:#467260;padding:8px 12px;border-radius:20px;font-size:12px}.stats{display:flex;gap:18px;margin:28px 0}.stat{background:white;border:1px solid #e6e9ec;border-radius:12px;padding:22px;flex:1;color:#7c8794}.stat strong{display:block;font-size:30px;color:#213a32;margin-top:10px}.layout{display:grid;grid-template-columns:minmax(400px,1fr) 340px;gap:22px}.panel{background:white;border:1px solid #e4e8eb;border-radius:13px;overflow:hidden}.toolbar{padding:22px;border-bottom:1px solid #edf0f2;display:flex;justify-content:space-between;gap:12px}input{border:1px solid #dfe5e7;border-radius:7px;padding:11px;width:240px;background:#fafbfc}table{width:100%;border-collapse:collapse}th{text-align:left;background:#fafbfc;color:#87919d;font-size:12px;font-weight:500}td,th{padding:20px 22px;border-bottom:1px solid #edf0f2}tr[data-i]{cursor:pointer}tr[data-i]:hover,tr.active{background:#f0f6f3}td small{display:block;color:#939ca5;margin-top:6px}.pill{font-size:11px;background:#edf4ef;color:#4b795c;padding:5px 8px;border-radius:4px}#detail{padding:26px}h2{font-size:22px;margin:16px 0 8px}.avatar{width:50px;height:50px;display:grid;place-items:center;background:#e5eee7;color:#397356;border-radius:12px;font-size:22px;font-weight:700}.field{margin:21px 0}.field label{display:block;color:#929ba5;font-size:11px;margin-bottom:7px}a{color:#2e7760;text-decoration:none;overflow-wrap:anywhere}a:hover{text-decoration:underline}.social{display:flex;gap:8px;flex-wrap:wrap}.social span,.social a{background:#f3f5f6;padding:9px;font-size:11px;border-radius:5px}textarea{width:100%;height:100px;padding:12px;border:1px solid #dce3df;border-radius:7px;resize:vertical;font:inherit}button{background:#245a47;color:white;border:0;padding:11px 18px;border-radius:7px;cursor:pointer;margin-top:10px}.hint{font-size:11px;color:#99a1aa;line-height:1.8}.bottom{padding:18px 22px;color:#939ca5;font-size:12px}@media(max-width:1100px){.layout{grid-template-columns:1fr}aside{width:180px}main{margin-left:180px;padding:25px}}@media(max-width:650px){aside{position:static;width:100%;height:auto;padding:18px}.logo{margin:0}nav,aside footer{display:none}main{margin:0;padding:18px}.stats{gap:7px}.stat{padding:14px}.toolbar{flex-direction:column}td,th{padding:15px 10px}header .badge{display:none}}
main{padding-top:0}@media(max-width:1100px){main{padding-top:0}}@media(max-width:650px){main{padding-top:0}}#detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px;align-content:start}#detail>.eyebrow,#detail>h2,#detail>button,#detail>.hint,#detail>form{grid-column:1/-1}#detail h2{margin:0}#detail>button{justify-self:start;margin:0}#detail .field{margin:0;min-width:0;overflow-wrap:anywhere}#detail>.field:nth-of-type(4),#detail>.field:last-of-type{grid-column:1/-1}#editform{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px 14px}#editform .field:nth-child(3),#editform .field:nth-child(8),#editform .field:nth-child(9),#editform #msg{grid-column:1/-1}#editform input{width:100%;min-width:0;padding:9px}#editform textarea{height:75px}#detail label{margin-bottom:5px}#editform button{margin:0}#detail .hint{margin:0}@media(max-width:400px){#detail,#editform{grid-template-columns:1fr}}
#detail>.field:has(a[href^="http"]):nth-of-type(3),#editform .field:has(#f-website){grid-column:1/-1}#detail>.field:nth-of-type(8),#editform .field:has(#f-brands){grid-column:1/-1} .layout{grid-template-columns:minmax(440px,1fr) 320px;gap:22px;align-items:start}.layout>section:first-child{min-height:0}.layout>section:first-child td,.layout>section:first-child th{padding:16px 22px}@media(max-width:1100px){.layout{grid-template-columns:1fr}}aside{width:140px;padding:24px 10px}.logo{font-size:13px;white-space:nowrap}.logo small{font-size:7px;letter-spacing:1px}nav{padding:12px 7px;font-size:12px}aside footer{font-size:9px;max-width:120px}main{margin-left:140px;padding-left:24px;padding-right:24px}@media(max-width:1100px){aside{width:140px}main{margin-left:140px}}@media(max-width:650px){aside{width:100%;padding:16px}.logo{font-size:16px}main{margin-left:0;padding-left:18px;padding-right:18px}}#detail>.field:last-of-type{grid-column:1/-1}#rows td small{overflow-wrap:anywhere}#rows td:first-child{min-width:0}#rows td small a{user-select:text}.layout>section:first-child{overflow-x:auto}#rows td,table th{padding:14px 12px}#rows td{overflow-wrap:anywhere}#rows td:first-child{min-width:160px}#rows td:nth-child(2){min-width:150px}#rows td:nth-child(3){min-width:100px}#rows td:nth-child(4),#rows td:nth-child(5){white-space:nowrap}#rows td:last-child{white-space:nowrap}#editform .field:has(#editnote){grid-column:1/-1}.search-filters{display:flex;gap:8px;align-items:center;min-width:0}.search-filters input{width:220px;min-width:100px}.search-filters select,#f-continent{padding:10px;border:1px solid #dfe5e7;border-radius:7px;background:white;color:#243349} .toolbar{flex-wrap:wrap}@media(max-width:650px){.search-filters{width:100%}.search-filters input{flex:1;width:0}}body{color:#202631;background:#f5f6f8}aside{background:#fff;border-right:1px solid #e8ebef;color:#747d88}.logo{color:#000}.logo small,aside footer{color:#9299a2}nav{background:#000;color:#fff}a{color:#3c4652}button{background:#000;color:#fff;border:1px solid #000;border-radius:8px}.pill{background:#f0f1f3;color:#59616d}.panel{border-color:#e8ebef;border-radius:15px}tr[data-i]:hover,tr.active{background:#f2f3f5}.eyebrow{color:#9aa1ab}input,textarea,select{border-color:#dfe3e8!important;background:#fff}button:focus-visible,a:focus-visible{outline:2px solid #727c8b;outline-offset:3px}.logo.company-logo-window{position:relative;display:block;width:120px;max-width:100%;aspect-ratio:931/112;overflow:hidden;padding:0;margin:6px 0 42px}.company-logo-window img{position:absolute;display:block;width:109.98926%;max-width:none;height:auto;left:-5.69280%;top:-407.14286%}@media(max-width:650px){.logo.company-logo-window{width:128px;margin:2px 0 8px}}#date-sort{border:0;background:transparent;box-shadow:none;border-radius:0;font:inherit;color:inherit;padding:0;margin:0}#add-customer{font-size:12px;padding:6px 10px;line-height:1.4;border-radius:6px;align-self:center;flex:0 0 auto;width:auto;min-height:0}[hidden]{display:none!important}.contacts-section{grid-column:1/-1;border-top:1px solid #e8ebef;padding-top:18px;margin-top:6px;min-width:0}.contacts-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.contacts-heading button,.contact-actions button{font-size:12px;padding:5px 9px;margin:0}.contact-card{border:1px solid #e8ebef;border-radius:8px;padding:12px;margin-top:10px;overflow-wrap:anywhere}.contact-card>div{margin-top:7px}.contact-actions{display:flex;gap:8px}.contact-actions button{background:white;color:#59616d;border-color:#dfe3e8}#contact-form{margin-top:14px;display:grid;gap:10px}#contact-form label{font-size:12px;color:#929ba6}#contact-form input{display:block;width:100%;margin-top:5px;padding:9px}#contact-form button{margin:0}#detail>.field[data-field]{grid-column:auto}#detail>.field[data-field="website"],#detail>.field[data-field="brands"]{grid-column:1/-1}.quick-note-section{grid-column:1/-1}#quicknote{height:54px;min-height:44px;padding:8px;font-size:13px}.contacts-section{margin-top:0;padding-top:12px}#addnote{font-size:12px;padding:6px 12px}.contacts-view #new-contact,.contacts-view .contact-actions,.contacts-view #contact-form,.contacts-view #contact-msg{display:none!important}.contacts-edit{grid-column:1/-1}.contacts-edit .contacts-heading{margin-top:0}#rows td:last-child{font-size:11px;color:#929ba6;font-variant-numeric:tabular-nums}.delete-customer{grid-column:1/-1;justify-self:start;background:#fff;color:#b84242;border-color:#e8caca;font-size:12px;padding:7px 12px;margin-top:12px}nav{cursor:pointer;margin-bottom:10px}nav.nav-inactive{background:transparent;color:#747d88}nav.nav-inactive:hover{background:#f1f2f4}#f-customerGroup{width:100%;padding:9px;border-radius:7px}.list-social+.list-social{margin-top:9px}.list-social small{font-size:10px;margin:0 0 3px;color:#929ba6}.list-social a{font-size:12px;overflow-wrap:anywhere}#rows td:last-child .date-type{font-size:11px;margin-top:7px;color:#727b86}.customer-status{font-size:11px;color:#59616d;white-space:nowrap}#f-status{width:100%;padding:9px;border-radius:7px}.search-filters{flex-wrap:wrap}.search-filters select{flex-shrink:0}#detail>.field[data-field]{grid-column:auto}#detail>.field[data-field="website"],#detail>.field[data-field="brands"],#detail>.quick-note-section{grid-column:1/-1}#editform .field:has(#f-website),#editform .field:has(#f-brands),#editform .field:has(#editnote){grid-column:1/-1}#count{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pagination{display:flex;align-items:center;gap:10px}.pagination button{background:#fff;border:1px solid #dfe3e8;color:#59616d;margin:0;padding:6px 10px;font-size:12px}.pagination button:disabled{opacity:.35;cursor:default}.pagination select{padding:5px 7px;border:1px solid #dfe3e8;border-radius:5px;font-size:12px}.pagination{flex-wrap:wrap}.pagination label{white-space:nowrap}.login-box .remember-option{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:12px}.login-box .remember-option input{width:15px;height:15px;margin:0;accent-color:#000}.bulk-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:12px 16px;background:#fafbfc;border-bottom:1px solid #e8ebef;font-size:12px}.bulk-tools button{font-size:12px;padding:6px 9px;margin:0;background:white;color:#59616d;border:1px solid #dfe3e8}.bulk-tools button:disabled{opacity:.4;cursor:default}.bulk-tools label{display:flex;align-items:center;gap:6px}.bulk-tools select{padding:5px 7px;font-size:12px}.bulk-tools #delete-selected{color:#ae4141;border-color:#e8caca}#bulk-message{width:100%;font-size:11px;color:#929ba6}#bulk-message:empty{display:none}#rows .select-column,table th.select-column{width:36px;min-width:36px;padding:12px 8px;text-align:center}.select-column input{width:15px;height:15px;margin:0;accent-color:#000}#rows td:nth-child(2){min-width:160px}#rows td:nth-child(3){min-width:150px}#rows td:nth-child(4){min-width:90px;white-space:normal}#rows td:nth-child(5),#rows td:nth-child(6){white-space:nowrap}#rows tr.active{outline:1px solid #c8cdd4;outline-offset:-1px}

.select-column{display:none}#bulk-tools{display:none}body.bulk-mode .select-column{display:table-cell}body.bulk-mode #bulk-tools{display:flex}#toggle-bulk{font-size:12px;padding:6px 10px;line-height:1.4;border-radius:6px;align-self:center;background:#fff;color:#59616d;border:1px solid #dfe3e8;white-space:nowrap}#toggle-bulk[aria-pressed="true"]{background:#000;color:#fff}body.bulk-mode #rows tr{cursor:grab}body.bulk-mode #rows tr:active{cursor:grabbing}#rows tr.dragging{opacity:.5}#rows tr.drop-before{box-shadow:inset 0 3px #243349}#rows tr.drop-after{box-shadow:inset 0 -3px #243349}#rows tr{user-select:text}body.bulk-mode #rows tr{user-select:none}


body.local-locked>aside,body.local-locked>main{display:none}.login-shell{display:none;min-height:100vh;place-items:center;padding:24px;background:#f5f6f8}body.local-locked .login-shell{display:grid}.login-box{width:380px;max-width:100%;background:white;padding:32px;border:1px solid #e8ebef;border-radius:15px}.login-box h2{margin:0 0 10px}.login-box label{display:block;margin:16px 0 6px;color:#737d89;font-size:12px}.login-box input{width:100%}.login-box button{width:100%;margin-top:20px}.login-box .hint{margin-top:18px}.account-tools{margin-top:18px;display:grid;gap:10px}.account-tools button{font-size:11px;padding:7px;margin:0;background:white;color:#727b86;border:1px solid #e0e4e9}.api-dialog{width:800px;max-width:94vw;max-height:88vh;overflow:auto;border:1px solid #e0e4e9;border-radius:12px;padding:26px;color:#243349}.api-dialog pre{background:#f5f6f8;padding:14px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.api-dialog li{margin:10px 0}
nav{cursor:pointer;margin-bottom:10px}nav.nav-inactive{background:transparent;color:#747d88}nav.nav-inactive:hover{background:#f1f2f4}#f-customerGroup{width:100%;padding:9px;border-radius:7px}.list-social+.list-social{margin-top:9px}.list-social small{font-size:10px;margin:0 0 3px;color:#929ba6}.list-social a{font-size:12px;overflow-wrap:anywhere}#rows td:last-child .date-type{font-size:11px;margin-top:7px;color:#727b86}.customer-status{font-size:11px;color:#59616d;white-space:nowrap}#f-status{width:100%;padding:9px;border-radius:7px}.search-filters{flex-wrap:wrap}.search-filters select{flex-shrink:0}#detail>.field[data-field]{grid-column:auto}#detail>.field[data-field="website"],#detail>.field[data-field="brands"],#detail>.quick-note-section{grid-column:1/-1}#editform .field:has(#f-website),#editform .field:has(#f-brands),#editform .field:has(#editnote){grid-column:1/-1}#count{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pagination{display:flex;align-items:center;gap:10px}.pagination button{background:#fff;border:1px solid #dfe3e8;color:#59616d;margin:0;padding:6px 10px;font-size:12px}.pagination button:disabled{opacity:.35;cursor:default}.pagination select{padding:5px 7px;border:1px solid #dfe3e8;border-radius:5px;font-size:12px}.pagination{flex-wrap:wrap}.pagination label{white-space:nowrap}.login-box .remember-option{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:12px}.login-box .remember-option input{width:15px;height:15px;margin:0;accent-color:#000}
.login-shell{display:none}body.local-locked .login-shell{display:grid}#save-status{display:block;margin:18px 0;font-size:11px;line-height:1.7}.account-dialog{width:620px;max-width:94vw;max-height:90vh;overflow:auto;padding:26px;border:1px solid #e8ebef;border-radius:15px}.account-dialog input,.account-dialog select{width:100%;margin:6px 0 12px}.account-dialog label{font-size:12px;color:#737d89}.account-dialog button{margin:8px 5px 8px 0}.key-row{border-top:1px solid #e8ebef;padding:12px 0}.key-token{white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;background:#f3f4f6;user-select:all}.account-dialog::backdrop{background:#1b263c66}.login-box .hint{font-size:11px}.account-tools a{color:#727b86;text-align:center;font-size:11px;padding:7px;text-decoration:none;border:1px solid #e0e4e9;border-radius:8px}