:root{--bg:#f5efe5;--bg-strong:#f0e3d3;--surface:#fffbf5d1;--surface-strong:#fffaf1;--ink:#1f1c18;--muted:#6d655b;--line:#3225181f;--brand:#d25b2d;--brand-deep:#9d3410;--brand-soft:#d25b2d24;--success:#2f6b4f;--danger:#a13f2f;--shadow:0 28px 60px #4a321b1f;--font-body:"Trebuchet MS", "Segoe UI", sans-serif;--font-title:Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(circle at top left, #d25b2d2e, transparent 28%), radial-gradient(circle at top right, #2459461f, transparent 30%), linear-gradient(180deg, #f9f4ec 0%, var(--bg) 56%, #efe6d8 100%);margin:0}button,input,textarea{font:inherit}button{cursor:pointer}p,h1,h2{margin:0}#app{width:100%}.shell{max-width:1240px;margin:0 auto;padding:32px}.hero-panel,.workspace{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px}.hero-panel{grid-template-columns:1.4fr .9fr;gap:28px;min-height:360px;padding:36px;display:grid}.auth-layout{place-items:center;min-height:calc(100vh - 64px);display:grid}.standalone-auth-card{width:min(100%,460px)}.hero-copy{flex-direction:column;justify-content:center;gap:18px;display:flex}.eyebrow,.auth-label,.brand-kicker,.status-label,.card-title{text-transform:uppercase;letter-spacing:.18em;color:var(--brand-deep);font-size:.78rem}h1,h2{font-family:var(--font-title);letter-spacing:-.03em;color:var(--ink)}h1{max-width:12ch;font-size:clamp(2.8rem,6vw,4.9rem);line-height:.95}h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1}.hero-text,.section-text,.auth-caption,.status-card p,.card-hint{color:var(--muted);line-height:1.6}.auth-card,.status-card,.content-panel,.info-card{background:var(--surface-strong);border:1px solid #32251814;border-radius:24px}.auth-card,.status-card{flex-direction:column;justify-content:center;gap:18px;padding:28px;display:flex}.auth-form{flex-direction:column;gap:16px;display:flex}.field{color:var(--ink);flex-direction:column;gap:8px;display:flex}.field span{color:var(--muted);font-size:.9rem}.field input{color:var(--ink);background:#fffdf8;border:1px solid #32251824;border-radius:16px;padding:15px 16px}.field input:focus{border-color:var(--brand);outline:2px solid #d25b2d38}.primary-button,.ghost-button,.menu-button{border:0;border-radius:999px;transition:transform .2s,background-color .2s,color .2s}.primary-button{background:linear-gradient(135deg, var(--brand) 0%, #ef8c57 100%);color:#fff;padding:14px 20px;font-weight:700}.primary-button:hover,.ghost-button:hover,.menu-button:hover{transform:translateY(-1px)}.ghost-button{color:var(--ink);background:0 0;border:1px solid #32251824;padding:12px 18px}.auth-error{color:var(--danger);font-size:.95rem}.status-meta{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.status-meta span{color:var(--success);background:#2f6b4f14;border-radius:999px;padding:10px 14px;font-size:.95rem}.workspace{margin-top:24px;padding:18px}.topbar{grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;padding:10px;display:grid}.brand-block{flex-direction:column;gap:4px;display:flex}.menu{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.menu-button{color:var(--muted);background:#ffffffb8;padding:12px 18px}.menu-button.active{background:var(--ink);color:#fff}.return-to-admin-button{white-space:nowrap}.content-panel{margin-top:14px;padding:26px}.content-copy{max-width:720px}.account-actions{flex-direction:column;align-items:flex-start;gap:16px;margin-top:24px;display:flex}.action-button:disabled{opacity:.7;cursor:progress}.status-box,.empty-tab{background:#fffdf8cc;border:1px solid #32251814;border-radius:20px;width:100%;margin-top:24px}.status-box{padding:20px}.flow-card,.upload-panel{background:#fffdf8e0;border:1px solid #32251814;border-radius:20px;width:100%;padding:20px}.flow-card{flex-direction:column;gap:14px;display:flex}.flow-card h3{font-family:var(--font-title);margin:0;font-size:1.65rem;line-height:1}.flow-text,.upload-message,.helper-list{color:var(--muted);line-height:1.6}.flow-actions{flex-wrap:wrap;gap:12px;display:flex}.helper-list{margin:0;padding-left:20px}.upload-panel{flex-direction:column;gap:14px;display:flex}.admin-panel h3{font-family:var(--font-title);margin:0;font-size:1.5rem;line-height:1.1}.admin-users-header,.admin-user-head,.admin-user-actions{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-users-list{flex-direction:column;gap:10px;display:flex}.admin-user-card{background:#ffffffb8;border:1px solid #32251814;border-radius:14px;grid-template-columns:minmax(150px,190px) minmax(180px,1fr) minmax(220px,1.2fr) auto;align-items:end;gap:12px;padding:12px 14px;display:grid}.admin-user-card h4{font-family:var(--font-title);margin:0;font-size:1.05rem}.admin-user-meta{color:var(--muted);font-size:.9rem}.inline-user-form{display:block}.inline-user-control{align-items:end;gap:8px;min-width:0;display:flex}.inline-user-control .compact-field{flex:1}.compact-field{min-width:0}.compact-field span{font-size:.8rem}.compact-field input{border-radius:12px;padding:9px 12px;font-size:.92rem}.icon-save-button{background:var(--brand);color:#fff;cursor:pointer;border:1px solid #3225181a;border-radius:10px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:inline-grid}.icon-save-button:hover:not(:disabled){background:var(--brand-deep)}.icon-save-button:disabled{cursor:wait;opacity:.65}.save-checkmark{border-bottom:2px solid;border-left:2px solid;width:11px;height:7px;transform:translateY(-1px)rotate(-45deg)}.admin-change-password-button,.admin-user-actions .danger-button{white-space:nowrap;width:100%}.danger-button{color:var(--danger);border-color:#a13f2f3d}.compact-status-box{margin-top:0}.admin-user-head{align-items:center;gap:10px}.admin-user-actions{justify-content:flex-end;align-items:center}.admin-user-actions .danger-button{padding-left:12px;padding-right:12px}.toggle-field{color:var(--muted);align-items:center;gap:10px;display:flex}.toggle-field input{width:18px;height:18px}.upload-field{color:var(--ink);flex-direction:column;gap:8px;display:flex}.upload-field span{color:var(--muted);font-size:.95rem}.upload-field input{color:var(--ink);background:#fffdf8;border:1px solid #32251824;border-radius:16px;padding:14px 16px}.status-line{color:var(--muted)}.status-line strong{color:var(--ink)}.empty-tab{min-height:320px}textarea{font:inherit}.ads-layout,.history-layout{flex-direction:column;gap:18px;margin-top:24px;display:flex}.browser-live-view-box{flex-direction:column;gap:12px;display:flex}.browser-live-view-frame{background:#221b14;border:1px solid #3225181f;border-radius:16px;margin-top:8px;overflow:hidden}.browser-live-view-image{object-fit:contain;background:#221b14;width:100%;max-height:720px;display:block}.history-toolbar,.history-card-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.history-toolbar h3,.history-card h3{font-family:var(--font-title);margin:0;font-size:1.55rem;line-height:1.1}.history-toolbar-actions{align-items:center;gap:12px;display:flex}.history-counter,.history-card-date,.history-card-message,.history-page-label,.history-detail-row p{color:var(--muted)}.history-list{flex-direction:column;gap:12px;display:flex}.history-card{background:#fffdf8e0;border:1px solid #32251814;border-radius:20px;width:100%;padding:22px}.history-card-copy{flex-direction:column;gap:8px;display:flex}.history-card-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.history-card-date{font-size:.92rem}.history-card-message{line-height:1.6}.history-card-stats{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.history-card-stats span,.history-status-pill{border-radius:999px;align-items:center;min-height:36px;padding:7px 12px;font-size:.9rem;display:inline-flex}.history-card-stats span{color:var(--ink);background:#1f1c180f}.history-status-pill{border:1px solid #0000;font-weight:700}.history-status-success{color:var(--success);background:#2f6b4f1f;border-color:#2f6b4f2e}.history-status-partial{color:var(--brand-deep);background:#d25b2d1f;border-color:#d25b2d2e}.history-status-error{color:var(--danger);background:#a13f2f1f;border-color:#a13f2f2e}.history-details{border-top:1px solid #32251814;flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;display:flex}.history-detail-row{background:#ffffffc7;border:1px solid #3225180f;border-radius:14px;padding:12px 14px}.history-detail-meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.history-detail-meta strong{color:var(--ink)}.history-detail-meta span{color:var(--muted);font-size:.92rem}.history-pagination{justify-content:center;align-items:center;gap:14px;display:flex}.ads-toolbar-card,.ads-import-card,.ad-form-card,.ad-card{background:#fffdf8e0;border:1px solid #32251814;border-radius:20px;width:100%;padding:22px}.ads-toolbar-card,.ads-import-card,.ads-toolbar-inline,.ad-card-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.ads-import-card{flex-direction:column;align-items:stretch;gap:16px;display:flex}.ads-import-dropzone{width:100%}.ads-toolbar-card h3,.ad-form-card h3,.ad-card h3{font-family:var(--font-title);margin:0;font-size:1.55rem;line-height:1.1}.bulk-toolbar{align-items:center;padding:0 4px}.compact-button{padding:10px 16px}.icon-button{text-align:center;color:#4f463d;background:#ffffffe6;border-color:#3225181a;border-radius:999px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;padding-left:0;padding-right:0;display:inline-flex}.action-icon{width:18px;height:18px;transition:transform .2s,color .2s;display:block}.ad-card.expanded .ad-card-actions .icon-button:first-of-type .action-icon{transition:transform .2s;transform:rotate(180deg)}.icon-button:hover{color:var(--brand-deep);background:#d25b2d1a;border-color:#d25b2d33}.danger-button.icon-button:hover{color:var(--danger);background:#a13f2f1a;border-color:#a13f2f2e}.ad-form{flex-direction:column;gap:18px;display:flex}.ad-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-full{grid-column:1/-1}.field-hint{color:#543f2cb8;margin-bottom:6px;font-size:.9rem;display:block}.field textarea{color:var(--ink);resize:vertical;background:#fffdf8;border:1px solid #32251824;border-radius:16px;min-height:148px;padding:15px 16px}.field textarea:focus{border-color:var(--brand);outline:2px solid #d25b2d38}.choice-group{flex-wrap:wrap;gap:10px;display:flex}.compact-choices .choice-chip{font-size:.92rem}.choice-chip{color:var(--muted);background:#ffffffe0;border:1px solid #3225181f;border-radius:999px;padding:11px 14px}.choice-chip.active{color:var(--brand-deep);background:#d25b2d24;border-color:#d25b2d47}.fixed-defaults-card{background:linear-gradient(#fffbf5f2,#f8efe2eb);border:1px solid #32251814;border-radius:18px;padding:18px}.default-badges{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.default-badge{min-height:38px;color:var(--brand-deep);background:#ffffffe6;border:1px solid #d25b2d29;border-radius:999px;align-items:center;padding:8px 12px;font-size:.92rem;display:inline-flex}.salary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dropzone{cursor:pointer;background:#fffaf2eb;border:1px dashed #32251838;border-radius:18px;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;display:flex}.dropzone.active{background:#d25b2d14;border-color:#d25b2d7a}.dropzone span{color:var(--muted)}.cover-preview{border-top:1px solid #32251814;width:100%;margin-top:8px;padding-top:8px}.cover-preview-image{object-fit:cover;border:1px solid #32251814;border-radius:14px;width:100%;max-width:320px;max-height:220px;display:block;box-shadow:0 10px 24px #4a321b14}.hidden-input{display:none}.wide-button{width:100%}.ads-list{flex-direction:column;gap:10px;display:flex}.ad-card{background:#ffffffc7;border-radius:14px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.ad-card.expanded{background:#fffcf7f5}.ad-card-summary{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.ad-card-summary h3{white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;line-height:1.2;overflow:hidden}.ad-card-select{color:var(--muted);align-items:center;gap:8px;display:flex}.ad-card-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.ad-card-head{align-items:center}.status-pill{color:var(--brand-deep);background:#d25b2d1f;border-radius:999px;padding:6px 10px;font-size:.84rem;font-weight:700}.ad-card-body{border-top:1px solid #32251814;flex-direction:column;gap:12px;padding-top:10px;display:flex}.ad-card-meta,.ad-card-copy,.ad-card-grid p{color:var(--muted)}.ad-card-copy{line-height:1.6}.ad-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;display:grid}.ad-card-grid strong{color:var(--ink)}@media (width<=960px){.shell{padding:18px}.hero-panel{grid-template-columns:1fr;padding:24px}.topbar{grid-template-columns:1fr;justify-items:start}.menu{justify-content:flex-start}h1{max-width:none}.ad-form-grid,.salary-grid,.ad-card-grid{grid-template-columns:1fr}.ad-card-summary{align-items:flex-start}.ad-card-summary h3{white-space:normal}}@media (width<=640px){.auth-card,.status-card,.content-panel{padding:20px}.menu-button,.ghost-button,.primary-button{justify-content:center;width:100%}.menu,.flow-actions{width:100%}.ads-toolbar-card,.ads-import-card,.ads-toolbar-inline,.ad-card-head,.ad-card-actions,.history-toolbar,.history-card-head,.admin-users-header,.admin-user-head,.admin-user-actions,.history-toolbar-actions,.history-card-stats,.history-pagination,.history-detail-meta{flex-direction:column;align-items:stretch}.admin-user-card{grid-template-columns:1fr}.admin-change-password-button,.admin-user-actions .danger-button{white-space:normal}}.shell{--radius-lg:8px;--radius-md:5px;background:var(--page-bg);max-width:none;min-height:100vh;padding:0}.theme-1{--page-bg:#f2f7fb;--bg:#f2f7fb;--surface:#fff;--surface-strong:#fff;--ink:#162331;--muted:#637384;--line:#d8e3eb;--brand:#1687c8;--brand-deep:#0d638f;--brand-soft:#e1f2fb;--success:#18805d;--danger:#cc4b54;--shadow:0 16px 42px #27496317;--font-body:"Trebuchet MS", "Segoe UI", sans-serif;--font-title:"Trebuchet MS", "Segoe UI", sans-serif}.theme-2{--page-bg:#20262c;--bg:#20262c;--surface:#293138;--surface-strong:#2c353d;--ink:#edf3ef;--muted:#a7b4b0;--line:#404c54;--brand:#b8dc55;--brand-deep:#d0ed75;--brand-soft:#34442c;--success:#66c897;--danger:#f2877e;--shadow:0 18px 42px #0000003d;--font-body:"Trebuchet MS", "Segoe UI", sans-serif;--font-title:"Trebuchet MS", "Segoe UI", sans-serif}.theme-3{--page-bg:#fff8f1;--bg:#fff8f1;--surface:#fffdf9;--surface-strong:#fffdf9;--ink:#27211f;--muted:#786d66;--line:#eadfd6;--brand:#e85d4f;--brand-deep:#b33c34;--brand-soft:#ffebe5;--success:#3d876d;--danger:#c44747;--shadow:0 18px 42px #7142281a;--font-body:"Trebuchet MS", "Segoe UI", sans-serif;--font-title:Georgia, "Times New Roman", serif}.shell.theme-1 body,.shell.theme-2 body,.shell.theme-3 body{background:var(--page-bg)}.shell .workspace{background:var(--page-bg);width:100%;min-height:100vh;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0;grid-template-columns:248px minmax(0,1fr);gap:0;margin:0;padding:0;display:grid}.shell .sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;min-height:100vh;padding:28px 18px 20px;display:flex;position:sticky;top:0}.shell .brand-block{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr;align-items:center;column-gap:10px;padding:4px 8px 28px;display:grid;position:relative}.brand-mark{border:1px solid var(--line);background:var(--surface);border-radius:11px;place-items:center;width:38px;height:38px;display:grid;position:relative;overflow:hidden;transform:rotate(-8deg)}.brand-orbit,.brand-core{border-radius:50%;display:block;position:absolute}.brand-orbit{width:15px;height:15px}.brand-orbit-one{background:#20a7e8;top:5px;left:6px}.brand-orbit-two{background:#f26c52;bottom:6px;right:5px}.brand-orbit-three{background:#36d38a;bottom:5px;left:5px}.brand-core{border:2px solid var(--surface);background:var(--brand);width:12px;height:12px;top:12px;left:13px}.theme-2 .brand-mark{background:#20262c}.brand-block strong{color:var(--ink);letter-spacing:-.02em;font-size:1rem;display:block}.brand-subtitle{color:var(--muted);letter-spacing:.16em;margin-top:3px;font-size:.59rem;display:block}.shell .brand-block .auth-caption{color:var(--muted);grid-column:1/-1;margin-top:18px;font-size:.76rem}.shell .menu{flex-direction:column;align-items:stretch;gap:5px;width:100%;margin-top:24px;display:flex}.shell .menu-button{border-radius:var(--radius-md);width:100%;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;padding:12px 14px;font-size:.91rem;font-weight:700;position:relative}.shell .menu-button:hover{background:var(--brand-soft);color:var(--ink);transform:none}.shell .menu-button.active{border-color:var(--line);background:var(--brand-soft);color:var(--brand-deep)}.shell .menu-button.active:before{background:var(--brand);content:"";width:3px;position:absolute;top:8px;bottom:8px;left:-19px}.sidebar-footer{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:auto;padding:18px 8px 0;display:flex}.shell .main-column{min-width:0;padding:28px clamp(24px,4vw,64px) 56px}.main-topline{min-height:28px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;font-size:.75rem;display:flex}.topline-status{color:var(--success);align-items:center;gap:8px;font-weight:700;display:inline-flex}.topline-status i{width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 14%, transparent);background:currentColor;border-radius:50%}.shell .content-panel{max-width:1120px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.shell h2{margin-top:8px;font-size:clamp(2rem,4vw,3.2rem)}.shell .eyebrow,.shell .status-label,.shell .auth-label{color:var(--brand-deep)}.shell .auth-card,.shell .status-card,.shell .flow-card,.shell .upload-panel,.shell .status-box,.shell .empty-tab,.shell .ads-toolbar-card,.shell .ads-import-card,.shell .ad-form-card,.shell .ad-card,.shell .history-card{border-color:var(--line);border-radius:var(--radius-lg);background:var(--surface-strong);box-shadow:0 8px 24px color-mix(in srgb, var(--ink) 5%, transparent)}.shell .flow-card,.shell .upload-panel,.shell .ads-toolbar-card,.shell .ads-import-card,.shell .ad-form-card,.shell .ad-card,.shell .history-card{padding:24px}.shell .primary-button,.shell .ghost-button{border-radius:var(--radius-md)}.shell .primary-button{background:var(--brand);color:#fff;box-shadow:none}.theme-2 .primary-button{color:#20262c}.shell .ghost-button{border:1px solid var(--line);color:var(--ink);background:0 0}.shell .primary-button:hover,.shell .ghost-button:hover{filter:brightness(.97);transform:translateY(-1px)}.shell .field input,.shell .field textarea,.shell .upload-field input{border-color:var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink)}.shell .field input:focus,.shell .field textarea:focus{outline:2px solid color-mix(in srgb, var(--brand) 24%, transparent);border-color:var(--brand)}.shell .dropzone{border-color:var(--line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 86%, var(--brand-soft))}.shell .status-meta span,.shell .status-pill,.shell .history-card-stats span,.shell .history-status-pill,.shell .default-badge{border-radius:var(--radius-md)}.theme-2 .auth-card,.theme-2 .status-card,.theme-2 .flow-card,.theme-2 .upload-panel,.theme-2 .status-box,.theme-2 .empty-tab,.theme-2 .ads-toolbar-card,.theme-2 .ads-import-card,.theme-2 .ad-form-card,.theme-2 .ad-card,.theme-2 .history-card{box-shadow:none}@media (width<=760px){.shell .workspace{display:block}.shell .sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:16px;position:static}.shell .brand-block{padding-bottom:16px}.shell .menu{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px;display:grid}.shell .menu-button.active:before{width:auto;height:3px;inset:auto 8px -1px}.sidebar-footer{flex-direction:row;margin-top:14px;padding:14px 0 0}.sidebar-footer button{flex:1}.shell .main-column{padding:22px 16px 40px}.main-topline{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:22px}}
