:root { --ink:#13241f; --muted:#65736d; --line:#dbe3de; --paper:#f4f6f1; --white:#fffefa; --green:#1f6a57; --deep:#164d40; --lime:#dff0b6; }
* { box-sizing:border-box; } body { margin:0; background:var(--paper); color:var(--ink); font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; } button,input { font:inherit; }.cabinet-header { height:70px; padding:0 clamp(20px,6vw,80px); display:flex; align-items:center; justify-content:space-between; background:var(--white); border-bottom:1px solid var(--line); }.cabinet-header>a:last-child { color:var(--green); font-size:12px; font-weight:700; text-decoration:none; }.catalog-link-mobile{display:none}.brand { color:var(--ink); font-size:22px; font-weight:800; letter-spacing:-.06em; text-decoration:none; display:inline-flex; align-items:center; gap:9px; }.brand>span:last-child span { color:var(--green); }.brand-mark { display:inline-flex; gap:2px; transform:rotate(-10deg); }.brand-mark i { width:6px; height:17px; border-radius:8px; background:var(--green); display:block; }.brand-mark i:nth-child(2) { background:#79aa68; transform:translateY(-3px); }.brand-mark i:nth-child(3) { background:#ee7953; transform:translateY(2px); }.cabinet-main { min-height:calc(100vh - 70px); display:grid; place-items:center; padding:40px 20px; }.loading { color:var(--muted); }.auth-card { background:var(--white); border:1px solid var(--line); border-radius:15px; width:min(440px,100%); padding:34px; box-shadow:0 20px 50px rgba(28,65,48,.08); }.eyebrow { color:var(--green); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.13em; margin:0 0 8px; }.auth-card h1 { font-size:34px; letter-spacing:-.06em; margin:0 0 8px; }.auth-card>p:not(.eyebrow) { margin:0 0 22px; color:var(--muted); }.auth-card form { display:grid; gap:12px; }.auth-card label { display:grid; gap:5px; color:#56675f; font-weight:700; font-size:12px; }.auth-card input { border:1px solid #d7dfd9; border-radius:6px; padding:11px; outline-color:var(--green); }.auth-card button { border:0; border-radius:7px; padding:12px; background:var(--green); color:#fff; font-weight:800; cursor:pointer; margin-top:4px; }.auth-error { color:#aa4436; margin:0; min-height:17px; font-size:12px; }.auth-foot { margin-top:20px; padding-top:16px; border-top:1px solid #e8ece7; color:var(--muted); font-size:12px; }.auth-foot a { color:var(--green); font-weight:800; }.dashboard { width:100%; max-width:900px; min-width:0; }.dashboard>* { min-width:0; }.dashboard-top { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:26px; }.dashboard-top>div { min-width:0; }.dashboard-top h1 { margin:0; font-size:39px; letter-spacing:-.06em; }.dashboard-top p:not(.eyebrow) { color:var(--muted); margin:5px 0 0; }.logout { border:1px solid #ccd8d0; border-radius:6px; padding:8px 10px; background:var(--white); color:#52635b; cursor:pointer; font-size:12px; font-weight:700; }.welcome-card { background:var(--deep); color:#fff; padding:27px; display:flex; gap:17px; border-radius:13px; }.check { background:var(--lime); color:var(--deep); width:35px; height:35px; border-radius:50%; display:grid; place-items:center; font-weight:900; flex:0 0 auto; }.welcome-card p { color:#d4e7da; margin:0; font-size:12px; }.welcome-card h2 { font-size:25px; letter-spacing:-.04em; margin:2px 0; }.welcome-card span { color:#d4e7da; font-size:13px; }.dashboard-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:15px 0; }.dashboard-grid article { padding:17px; border:1px solid var(--line); background:var(--white); border-radius:10px; }.dashboard-grid span { display:block; color:var(--muted); font-size:11px; margin-bottom:5px; }.dashboard-grid strong { font-size:16px; }.dashboard-grid .status { color:var(--green); }.next-step { padding:20px; color:#466159; background:#e7f0da; border-radius:10px; font-weight:600; }.next-step a { color:var(--deep); font-weight:800; }.notification-center { margin-top:28px; padding:21px; background:var(--white); border:1px solid var(--line); border-radius:12px; }.notification-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; }.notification-heading h2 { margin:0; font-size:23px; letter-spacing:-.045em; }.notification-heading h2 span { color:var(--green); font-size:12px; letter-spacing:0; }.mark-read { color:var(--green); background:#fff; border:1px solid #cddbd2; border-radius:6px; padding:8px 10px; font-weight:800; cursor:pointer; font-size:12px; }.mark-read:disabled { opacity:.5; cursor:default; }.notification-list { display:grid; gap:8px; margin-top:16px; }.notification { display:block; padding:12px 13px; border:1px solid #e0e7e1; border-radius:8px; color:var(--ink); text-decoration:none; background:#fff; }.notification.is-new { background:#f3f8e9; border-color:#cbe0b7; }.notification>div { display:flex; justify-content:space-between; gap:15px; }.notification strong { font-size:13px; }.notification time { color:var(--muted); font-size:10px; white-space:nowrap; }.notification p { color:#52635b; margin:4px 0 0; font-size:12px; }.notification-empty { text-align:center; padding:23px; color:var(--muted); border:1px dashed #cbd6cf; border-radius:8px; font-size:12px; }.notification-note { margin:14px 0 0; color:var(--muted); font-size:11px; } @media(max-width:580px) { .cabinet-header { padding:0 16px; }.catalog-link-wide{display:none}.catalog-link-mobile{display:inline}.cabinet-main { padding:32px 16px; }.dashboard-top { gap:12px; }.dashboard-top>div { flex:1; }.dashboard-top h1 { font-size:32px; }.logout { flex:none; }.dashboard-grid { grid-template-columns:1fr; }.notification-heading { flex-direction:column; }.notification>div { flex-direction:column; gap:2px; }.auth-card { padding:27px 21px; }.auth-card h1{font-size:30px} }
.notification-pagination{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:14px}.notification-pagination[hidden]{display:none}.notification-pagination button{min-width:31px;height:31px;padding:0 7px;border:1px solid #cbd9cf;border-radius:6px;background:#fff;color:#35594a;font-weight:800;font-size:11px;cursor:pointer}.notification-pagination button.active,.notification-pagination button:hover{border-color:#77a487;background:#eaf4e7;color:#164d40}.notification-pagination button:disabled{opacity:.4;cursor:not-allowed}.notification-pagination span{color:#7c8983;font-size:11px}
.buyer-action-link{display:inline-flex;align-items:center;width:max-content;min-height:34px;margin-top:8px;padding:7px 10px;border:1px solid #c5d8ca;border-radius:7px;background:#f5f9f2;color:var(--green);font-weight:800;font-size:11px;text-decoration:none}.buyer-action-link:hover{background:#eaf4e7;text-decoration:none}@media(max-width:580px){.notification-center{padding:15px}.notification-heading{gap:9px}.notification-heading h2{font-size:20px}.notification-heading .mark-read{min-height:34px;padding:7px 9px}.notification-list{margin-top:12px}.notification{padding:10px 11px}.notification p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.search-offers a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-pagination{overflow-x:auto;justify-content:flex-start}.buyer-action-link{width:100%;justify-content:center}}
.channel-mode{display:inline-block;padding:5px 7px;border-radius:5px;background:#e7f1f7;color:#3d6881;font-size:10px;font-weight:800}.channel-settings form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.channel-switch{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #dce5de;border-radius:8px;background:#fbfcfa;cursor:pointer}.channel-switch input{width:17px;height:17px;accent-color:var(--green)}.channel-switch b,.channel-switch small{display:block}.channel-switch b{font-size:12px}.channel-switch small{margin-top:2px;color:var(--muted);font-size:10px}.telegram-field{grid-column:1/-1;display:grid;gap:5px;color:#53645b;font-size:10px;font-weight:800}.telegram-field input{width:100%;min-height:38px;border:1px solid #d4dfd7;border-radius:7px;padding:8px 9px;outline-color:var(--green)}.channel-actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px}.channel-actions p{margin:0;color:var(--green);font-size:11px;font-weight:700}@media(max-width:580px){.channel-settings form{grid-template-columns:1fr}.telegram-field,.channel-actions{grid-column:1}.channel-actions{align-items:stretch;flex-direction:column}.channel-actions .mark-read{width:100%}}
.security-badge{display:inline-block;padding:5px 7px;border-radius:5px;background:#e8f3e5;color:#387142;font-size:10px;font-weight:800}.account-security form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}.account-security form>label{display:grid;gap:5px;color:#53645b;font-size:10px;font-weight:800}.account-security form input{min-width:0;width:100%;min-height:38px;border:1px solid #d4dfd7;border-radius:7px;padding:8px 9px;outline-color:var(--green)}.account-security .channel-actions{grid-column:1/-1}@media(max-width:580px){.account-security form{grid-template-columns:1fr}.account-security .channel-actions{grid-column:1}}
.notification-list,.notification,.notification>div,.notification strong,.notification p{min-width:0}.notification p{overflow-wrap:anywhere;word-break:break-word}
.password-recovery{margin-top:16px;padding-top:15px;border-top:1px solid #e5ebe6}.password-recovery>button{width:100%;margin:0;background:#f5f8f3;color:var(--green);border:1px solid #d3dfd6}.password-recovery form{margin-top:11px}.password-recovery form[hidden]{display:none}.password-recovery p{margin:0;color:var(--muted);font-size:11px}.password-recovery p a{color:var(--green);font-weight:800}.auth-card #passwordResetForm>a{display:block;margin-top:13px;color:var(--green);font-weight:800;text-decoration:none}