:root{color-scheme:dark}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #6ad8ff;outline-offset:3px}.field-error{color:#ffb6c7}.draft-box,.period-box,.owner-summary{border:1px solid #294168;border-radius:14px;padding:16px;background:#0d192b;margin:14px 0}.draft-box button,.period-box a,.owner-summary a,.linkbtn{cursor:pointer}.draft-actions,.share-actions{display:flex;gap:8px;flex-wrap:wrap}.draft-indicator{font-size:12px;color:#9eb0c9;margin:8px 0}.navtoggle{display:none}.standalone{margin:0;min-height:100vh;display:grid;place-items:center;background:#07101c;color:#eef3ff;font:16px system-ui}.standalone main{max-width:640px;padding:24px}.standalone a{color:#aebdff}.period-box h2{font-size:20px}.period-box table{width:100%;border-collapse:collapse}.period-box th,.period-box td{text-align:left;padding:8px;border-bottom:1px solid #294168}.analytics-bars{display:flex;align-items:flex-end;gap:3px;height:100px}.analytics-bar{flex:1;min-width:2px;background:#5878ff;border-radius:3px 3px 0 0}.edit-short-row{display:flex;gap:8px;align-items:center}.move-controls{display:flex;gap:5px}.ad-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ad-tools input{background:#071321;color:#fff;border:1px solid #294168;border-radius:10px;padding:10px;min-width:0;flex:1}.ad-edit{width:100%;background:#071321;color:#fff;border:1px solid #294168;border-radius:10px;padding:10px;font:inherit}.site-mobile-nav a{min-height:36px}.feedback-cta{font-size:14px;opacity:1!important}.table-scroll{overflow:auto}.navtoggle{background:#142746;border:1px solid #294168;color:#fff;border-radius:10px;padding:10px;font:inherit;font-size:13px}.qr-download{display:inline-block;padding:10px;background:#4163e7;color:#fff;border-radius:10px;margin-top:10px}.draft-box[hidden]{display:none}.selected input[aria-invalid=true]{border-color:#e57992}@media(max-width:600px){.site-mobile-nav{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.site-mobile-nav .navtoggle{display:block}.site-mobile-nav:not(.nav-open) a:not(.primary):not(.nav-create):not(.site-main-action){display:none}.site-mobile-nav.nav-open{padding:8px;border:1px solid #294168;border-radius:12px}.site-mobile-nav.nav-open a{display:block}.period-box table{font-size:12px}.period-box td,.period-box th{padding:6px}.draft-actions button,.move-controls button{min-height:36px}.create-v2 .publish-ready{position:sticky;bottom:8px;z-index:4;background:#0d192b;padding:10px;border:1px solid #294168;border-radius:12px}}
/* Beginner journeys: separate tasks, examples and explicit results */
.ux-journey,.ux-example,.ux-route,.ux-copy-note,.ux-copy-feedback{margin:16px 0;padding:22px;border:1px solid #355176;border-radius:18px;background:#101f32;color:#eaf1ff;line-height:1.55}
.ux-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.ux-section-head h2{margin:0;font-size:21px;line-height:1.25}.ux-section-head a{color:#b7caff;font-size:14px;white-space:nowrap}
.ux-steps{list-style:none;counter-reset:journey;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0}.ux-steps li{counter-increment:journey;position:relative;padding-left:34px;min-width:0}.ux-steps li:before{content:counter(journey);position:absolute;left:0;top:0;width:25px;height:25px;border-radius:8px;text-align:center;line-height:25px;background:#344e7b;color:#fff;font-size:13px;font-weight:850}.ux-steps strong{font-size:15px}.ux-steps p{margin:6px 0 0;color:#b6c6dd;font-size:14px}.ux-result{margin:16px 0 0!important;padding-top:13px;border-top:1px solid #355176;font-size:14px!important;color:#dbe7fb!important}
.ux-goal{color:#9de5d0;font-size:12px;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.ux-tool-example{border-radius:12px;padding:13px;background:#071421;border:1px solid #2e4667;margin-bottom:17px;font-size:13px;color:#ccd9ee;overflow-wrap:anywhere}.ux-tool-example span{display:block;color:#8da4c4;font-size:11px;margin-bottom:6px}.ux-tool-example b{display:block;font-size:14px;color:white}.ux-task-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.ux-task-nav a{border:1px solid #49668e;border-radius:10px;padding:9px 13px;color:#e0eaff;text-decoration:none}.ux-route h2,.ux-example h2{margin:0 0 12px;font-size:22px}.ux-route ol{padding-left:22px;margin-bottom:0}.ux-route li{padding:5px 0;color:#bfd0e6}.ux-route a,.ux-example a,.ux-copy-note a{color:#b7caff}.ux-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ux-sample{background:#071421;border:1px solid #3a5579;border-radius:13px;padding:16px;min-width:0;overflow-wrap:anywhere}.ux-sample .ux-sample-label{display:block;color:#8fa6c5;font-size:12px;margin-bottom:9px}.ux-sample h3{font-size:18px;margin:0 0 8px}.ux-sample p{color:#b5c7e0;margin:6px 0;font-size:14px}.ux-sample-card{margin-top:9px;padding:11px;border:1px solid #2b4568;border-radius:10px}.ux-sample-card strong{font-size:14px}.ux-sample-card span{display:block;font-size:13px;color:#a9bdd7}.ux-form-example label{display:block;font-size:13px;margin:12px 0 5px}.ux-form-value{padding:10px 12px;border:1px solid #49668e;border-radius:9px;background:#14263d;color:#f0f5ff;font-size:14px;overflow-wrap:anywhere}.ux-example small{display:block;color:#9fb3cd;margin-top:12px}.ux-copy-note{font-size:14px;padding:16px}.ux-copy-note p{margin:6px 0;color:#b6c6dd;font-size:14px!important}.ux-copy-note kbd{border:1px solid #49668e;border-radius:5px;padding:1px 5px;color:#eef5ff}.ux-copy-feedback{padding:14px 16px;border-color:#448d77;background:#102e29;font-size:14px}.ux-copy-feedback p{margin:6px 0;color:#cceddf}.ux-copy-feedback textarea{width:100%;padding:9px;border-radius:8px;background:#081b16;color:#e8fff7;border:1px solid #448d77;min-height:65px;font:14px system-ui;resize:vertical}.ux-guide-page{margin:0;background:#07101c;color:#f5f7ff;font:16px system-ui,-apple-system,Segoe UI,sans-serif}.ux-guide-wrap{width:min(1080px,calc(100% - 32px));margin:auto;padding:24px 0 50px}.ux-guide-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}.ux-guide-top a{color:#c9d8fa}.ux-guide-hero{padding:32px 0 14px}.ux-guide-hero h1{font-size:clamp(29px,4vw,44px);margin:0 0 14px;line-height:1.15}.ux-guide-hero p{max-width:820px;line-height:1.65;color:#b6c6dd}.ux-guide-page section[id]{scroll-margin-top:20px}.ux-guide-page .ux-cta{display:inline-block;border:1px solid #738eff;border-radius:10px;padding:10px 15px;background:#4666dc;color:white;text-decoration:none;margin-top:12px;font-weight:800}.ux-field-note{font-size:13px;color:#abc0db;line-height:1.5;margin:8px 0}.ux-link-add .quick{display:grid;grid-template-columns:1fr 2fr auto;align-items:end}.ux-link-add label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}.ux-link-add .input{width:100%}.ux-guide-link{color:#b7caff}
@media(max-width:740px){.ux-section-head{display:block}.ux-section-head a{display:inline-block;margin-top:9px;white-space:normal}.ux-steps{grid-template-columns:1fr;gap:14px}.ux-example-grid{grid-template-columns:1fr}.ux-journey,.ux-example,.ux-route{padding:17px}.ux-link-add .quick{grid-template-columns:1fr}.ux-link-add .quick .btn{width:100%}.ux-guide-wrap{width:calc(100% - 24px);padding-top:18px}.ux-guide-hero{padding-top:24px}}

.ux-start-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:20px;position:relative;z-index:1}.ux-start-actions a{display:flex;justify-content:center;align-items:center;padding:12px 10px;border:1px solid #6687be;border-radius:10px;background:#182e4c;color:#f3f7ff;text-decoration:none;font-size:14px;font-weight:850;line-height:1.3;text-align:center}.ux-start-actions a:hover{background:#24446e}.ux-start-help{margin:12px 0!important;font-size:14px!important}.ux-start-help a{color:#b7caff}
.ux-start-actions~.hero-note{font-size:13px}.ux-link-add h2{margin-top:0;font-size:21px}
[hidden]{display:none!important}.share-tools>summary{cursor:pointer;font-weight:850;font-size:15px;margin-bottom:12px}
@media(max-width:760px){.ux-start-actions{grid-template-columns:1fr 1fr;gap:8px}.ux-start-actions a{padding:11px 7px;font-size:13px}.hero .ux-start-help{line-height:1.45}}

.owner-progress{margin:16px 0;padding:22px;border:1px solid #466693;background:#102037;border-radius:18px;color:#f0f5ff;line-height:1.6}.owner-progress h2{margin:7px 0 10px;font-size:25px;line-height:1.25}.owner-progress p{margin:6px 0 12px;color:#bbcee7}.owner-progress-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0;padding:0}.owner-progress-steps li{padding:10px;border:1px solid #334d72;border-radius:9px;background:#0b182a;color:#8ea4c3;font-size:13px}.owner-progress-steps li span{display:inline-block;margin-right:5px;font-weight:900}.owner-progress-steps li.complete{color:#a4e2ca;border-color:#326a5b}.owner-progress-steps li.current{color:#fff;border-color:#709aff;background:#203d69;font-weight:800}.owner-next-actions{display:flex;gap:8px;flex-wrap:wrap}.owner-next-actions a{display:inline-flex;text-decoration:none;border:1px solid #5676a6;padding:10px 13px;border-radius:9px;background:#244978;color:white;font-size:14px;font-weight:800}.owner-next-actions a.secondary{background:#142a46}.owner-site-list{display:grid;gap:10px}.owner-site-list article{border:1px solid #385779;border-radius:12px;padding:14px;background:#0a192b}.owner-site-list h3{margin:0 0 7px;font-size:18px}.owner-site-list a{color:#c5d9ff}.owner-moderator-note{padding:13px;border:1px solid #64724c;background:#242b1b;border-radius:10px;margin:12px 0}.owner-optional>summary{cursor:pointer;font-weight:850;font-size:20px;line-height:1.4}.owner-optional>p{margin-top:12px}.owner-empty-info{padding:16px;border:1px solid #355176;background:#0a192b;border-radius:12px;line-height:1.6}.owner-empty-info p{margin:6px 0 12px}.owner-public-note{padding:15px;margin:12px 0;border-radius:12px;background:#11372d;border:1px solid #377f67;color:#c7f6e3}.owner-secondary-note{margin:12px 0;color:#a7bedb;font-size:14px;line-height:1.6}.owner-public-card{display:block;margin-bottom:18px}.owner-public-card .owner-next-actions{margin-top:16px}.owner-public-card h2{font-size:23px;margin:0 0 9px}.owner-public-card p{margin:7px 0;color:#b6c9e2}.owner-public-card a{color:#bed4ff}.ux-start-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.tool.owner{grid-column:1/-1}.owner-form-anchor{scroll-margin-top:20px}
@media(max-width:760px){.owner-progress{padding:17px}.owner-progress h2{font-size:22px}.owner-progress-steps{grid-template-columns:1fr 1fr}.owner-public-card{grid-template-columns:1fr}.ux-start-actions{grid-template-columns:1fr 1fr}.ux-start-actions a:last-child{grid-column:1/-1}}

/* Clear advertising result and placement */
.campaign-admin-section{display:block}.campaign-admin-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:26px;margin:20px 0;padding:22px;border:1px solid #3a5379;border-radius:16px;background:#0b1728;line-height:1.5}.campaign-admin-card h3{font-size:21px;margin:16px 0 8px}.campaign-state{display:inline-block;padding:8px 13px;border-radius:8px;font-size:17px;font-weight:900}.campaign-state.is-live{background:#114b34;color:#a4ffd4;border:1px solid #409c75}.campaign-state.is-waiting{background:#473717;color:#ffe39d;border:1px solid #8a713b}.campaign-material{padding:16px;background:#162f52;border:1px solid #6692ca;border-radius:12px}.campaign-material h4{font-size:19px;margin:10px 0}.campaign-ad-label{display:inline-block;color:#fff0b8;background:#5a4312;border:1px solid #b6974f;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:900}.campaign-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.campaign-admin-card form>label,.campaign-fields label{display:block;font-size:14px;font-weight:750;color:#c6d6ed}.campaign-admin-card input,.campaign-admin-card select{display:block;width:100%;margin-top:6px;min-height:42px}.campaign-admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.campaign-admin-actions .secondary{background:#213b60}.campaign-check-link{display:inline-block;text-decoration:none;color:#fff!important}.row.paid-highlight{border:2px solid #d6b04e!important;background:linear-gradient(110deg,#172f52,#282748)!important;box-shadow:0 0 20px #b387211d}.row.paid-highlight:before{background:#f5c952;opacity:1;width:5px}.catalog-promo-copy{grid-column:2/-1;padding:14px 4px 5px;border-top:1px solid #b9954f66;text-align:left}.catalog-promo-copy h2{margin:9px 0 6px;font-size:21px;color:#fff}.catalog-promo-copy p{margin:0;color:#d1dff2;line-height:1.55;font-size:15px}.row[id]{scroll-margin-top:20px}.row .go{min-width:126px}
@media(max-width:760px){.campaign-admin-card{grid-template-columns:1fr;padding:16px;gap:18px}.campaign-fields{grid-template-columns:1fr}.campaign-admin-actions button{width:100%}.catalog-promo-copy{grid-column:2}.catalog-promo-copy h2{font-size:19px}}
@media(max-width:450px){.catalog-promo-copy{grid-column:1}.campaign-admin-section{padding:12px}.campaign-admin-card{padding:12px}.campaign-admin-card input{min-width:0}}

@media(max-width:760px){.dimref-admin .grid{grid-template-columns:minmax(0,1fr)!important}.dimref-admin .grid>*{min-width:0}.dimref-admin .panel{min-width:0}.dimref-admin input,.dimref-admin select,.dimref-admin textarea{max-width:100%}}

/* Consistent navigation and structured admin controls */
.nav-guide{text-decoration:none!important}.admin-header{gap:20px;padding:20px 0 18px;margin-bottom:0!important}.admin-brand{color:#c9dcff!important;font-size:15px;font-weight:900}.admin-header h1{margin:5px 0 0;font-size:28px;line-height:1.2}.admin-header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.admin-header-actions form{margin:0}.admin-header .btn,.admin-toolbar .btn{display:inline-block;text-decoration:none;font-size:13px;padding:10px 13px;line-height:1.4}.dimref-admin .btn.secondary{background:#172b46;border:1px solid #385376;color:#dce8ff}.admin-sections{display:flex;gap:8px;flex-wrap:wrap;padding:15px;border:1px solid #29466f;border-radius:14px;background:#0d1b2f;margin-bottom:12px}.admin-sections a{padding:9px 12px;border:1px solid #304d75;border-radius:9px;background:#132640;color:#dce8ff;text-decoration:none;font-size:14px;font-weight:800}.admin-sections a:hover{background:#243f65}.admin-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px;padding:16px;border:1px solid #294168;border-radius:14px;background:#0c1829}.admin-review{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#adc2e0}.admin-pages{display:flex;align-items:center;gap:10px;flex-shrink:0}.admin-pages>span{text-align:center;white-space:nowrap;font-weight:800}.admin-pages small{display:block;color:#8fa6c6;font-size:11px;margin-top:4px;font-weight:400}.admin-clear{color:#bed2f8;white-space:nowrap}.admin-feedback-filter{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:18px 0;padding:16px;border:1px solid #304c70;border-radius:12px;background:#0a1728}.admin-feedback-filter label{font-size:14px;margin:0}.admin-feedback-filter label:first-child{flex:0 1 200px}.admin-feedback-filter label:nth-child(2){flex:1 1 260px}.admin-feedback-filter input,.admin-feedback-filter select{min-height:42px;margin-top:7px}.admin-feedback-filter button{min-height:42px}.admin-mail-retry{margin-top:18px;padding:15px;border:1px solid #304969;border-radius:12px;background:#0a1728}.admin-mail-retry summary{font-weight:800;cursor:pointer}.admin-mail-retry form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.admin-mail-retry label{margin:0;max-width:220px}.admin-mail-retry button{min-height:42px}.dimref-admin section[id]{scroll-margin-top:16px}
@media(max-width:760px){.admin-header{align-items:flex-start!important;flex-direction:column;gap:14px}.admin-header h1{font-size:24px}.admin-toolbar{flex-direction:column;align-items:stretch}.admin-pages{justify-content:space-between;flex-wrap:wrap}.admin-review{align-items:flex-start;flex-direction:column}.admin-sections{padding:10px;gap:7px}.admin-sections a{font-size:13px;padding:9px 10px}.admin-feedback-filter{padding:12px}.admin-feedback-filter label:first-child,.admin-feedback-filter label:nth-child(2){flex:1 1 100%}.admin-feedback-filter button{width:100%}.admin-mail-retry form{display:block}.admin-mail-retry button{margin-top:12px;width:100%}}

/* Catalogue entry point: make the visitor's own catalogue visible. */
.catalog-page .topactions .catalog-create-cta{display:inline-flex;align-items:center;justify-content:center;background:#147d66;border:1px solid #39af92;color:#fff;font-weight:850;min-height:42px;white-space:nowrap;box-shadow:0 3px 12px #0b665c22}
.catalog-page .topactions .catalog-create-cta:hover{background:#18876f;border-color:#75d4b9}
.catalog-page .hero .catalog-benefit{margin:12px 0 10px;color:#b5f2d7;font-size:23px;font-weight:850;line-height:1.35}
.catalog-page .hero p{line-height:1.6}
@media(max-width:600px){
 .catalog-page .topbar{flex-direction:column;align-items:stretch;gap:12px}
 .catalog-page .topactions.site-mobile-nav{justify-content:flex-start}
 .catalog-page .topactions.site-mobile-nav:not(.nav-open)>a.site-main-action:not(.catalog-create-cta){display:none}
 .catalog-page .topactions .catalog-create-cta{min-height:44px;font-size:14px;padding:10px 12px}
 .catalog-page .topactions .navtoggle{min-height:44px}
 .catalog-page .hero .catalog-benefit{font-size:21px}
}


/* DIMREF 28.3.2 — task-entry accents fixed */
.nav a[href="/zarabotat-500-rubley-v-internete/"],
.topactions a[href="/zarabotat-500-rubley-v-internete/"]{
  border-color:rgba(55,214,255,.46)!important;
  background:linear-gradient(180deg,rgba(55,214,255,.13),rgba(55,214,255,.055))!important;
  color:#d9f8ff!important;
  box-shadow:0 0 0 1px rgba(55,214,255,.035),0 5px 16px rgba(23,124,158,.08);
}
.nav a[href="/zarabotok-na-zadaniyah-v-internete/"],
.nav a[href="/zadaniya-profitcentr/"],
.topactions a[href="/zarabotok-na-zadaniyah-v-internete/"],
.topactions a[href="/zadaniya-profitcentr/"]{
  border-color:rgba(77,227,154,.44)!important;
  background:linear-gradient(180deg,rgba(77,227,154,.12),rgba(77,227,154,.05))!important;
  color:#d1f8e5!important;
  box-shadow:0 0 0 1px rgba(77,227,154,.03),0 5px 16px rgba(31,139,98,.07);
}
.nav a[href="/zarabotat-500-rubley-v-internete/"]:hover,
.topactions a[href="/zarabotat-500-rubley-v-internete/"]:hover{border-color:rgba(55,214,255,.7)!important;background:rgba(55,214,255,.17)!important}
.nav a[href="/zarabotok-na-zadaniyah-v-internete/"]:hover,
.nav a[href="/zadaniya-profitcentr/"]:hover,
.topactions a[href="/zarabotok-na-zadaniyah-v-internete/"]:hover,
.topactions a[href="/zadaniya-profitcentr/"]:hover{border-color:rgba(77,227,154,.68)!important;background:rgba(77,227,154,.16)!important}