:root{font-family:Arial,Helvetica,sans-serif;color:#243447;background:#f0f7fd;--color-user-bg: #f0f7fd;--color-admin-bg: #f3ede8;--color-user-header: #002b50;--color-admin-header: #321d10;--color-nav: #002b50;--color-save: #4f8a46;--color-cancel: #F2B705;--color-danger: #cc4b3f;--color-admin: #feb730;--color-admin-strong: #321d10;--color-move: #BF8360;--color-library: #00afd8;--color-border-soft: #d7e0e8;--color-surface-user: rgba(9, 57, 73, .08);--color-surface-admin: rgba(50, 29, 16, .1);--color-card-shadow: 0 12px 26px rgba(9, 57, 73, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}#root{min-height:100vh;background:inherit}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:16px;min-height:calc(100vh - 88px)}.card{background:#fff;border:1px solid rgba(89,49,34,.1);border-radius:16px;padding:14px;box-shadow:var(--color-card-shadow)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.btn{border:1px solid var(--color-border-soft);background:#fff;color:#294057;padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:700;box-shadow:0 2px 8px #0f172a0d;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0f172a14}.btn-primary,.btn-blue{border-color:var(--color-nav);background:var(--color-nav);color:#fff}.btn-library{border-color:#00afd89e;background:#fff;color:var(--color-library)}.btn-purple,.btn-move{border-color:#bf836094;background:#fff;color:#7a543a}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0f172a0d}.input,textarea,select{width:100%;padding:10px 12px;border:1px solid var(--color-border-soft);border-radius:12px;background:#fff;color:#1f2937}.h1{font-size:28px;font-weight:800;margin:0 0 12px}.h2{font-size:18px;font-weight:700;margin:0 0 8px}.topbar{background:var(--color-user-header);border-bottom:1px solid rgba(255,255,255,.16);transition:background-color .18s ease,border-color .18s ease;box-shadow:0 14px 28px #0f172a24}.topbar-inner{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:12px 16px 14px}.topbar .brand-link{color:#fff}.topbar .input,.topbar select.input{background:#fffffff7;border-color:#ffffff59;box-shadow:0 8px 20px #0f172a1f}.badge{font-size:12px;padding:4px 10px;border-radius:999px;background:#fff;border:1px solid rgba(9,57,73,.24);color:var(--color-user-header);font-weight:700}body{background:var(--color-user-bg);transition:background-color .18s ease}body.user-mode,body.user-mode #root{background:var(--color-user-bg)}body.admin-mode,body.admin-mode #root{background:var(--color-admin-bg)}body.user-mode{background:var(--color-user-bg)}body.admin-mode{background:var(--color-admin-bg)}body.user-mode .topbar{background:var(--color-user-header);border-bottom-color:#fff3}body.admin-mode .topbar{background:var(--color-admin-header);border-bottom-color:#ffffff26}.mode-surface{transition:background-color .18s ease,border-color .18s ease}.mode-surface.user{background:var(--color-surface-user);border-color:#0939493d}.mode-surface.admin{background:var(--color-surface-admin);border-color:#321d103d}.btn-success{border-color:var(--color-save);background:#fff;color:var(--color-save)}.btn-warning{border-color:#f2b705a6;background:#fff;color:#9a7606}.btn-danger{border-color:var(--color-danger);background:#fff;color:var(--color-danger)}.btn-admin{border-color:#321d1042;background:#fff;color:var(--color-admin-header)}.btn-rename{border-color:var(--color-nav);background:#fff;color:var(--color-nav)}.brand-link{font-weight:900;font-size:30px;line-height:1}.btn-editaccent{border-color:var(--color-admin);background:var(--color-admin);color:var(--color-nav)}.btn-editaccent:hover:not(:disabled){box-shadow:0 8px 18px #feb73052}.btn-nav-arrow{min-width:58px;min-height:58px;padding:8px 14px;font-size:30px;line-height:1;font-weight:800;border-radius:999px}.wizard-bottom-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:16px}.wizard-bottom-nav-left{justify-self:start}.wizard-bottom-nav-center{display:flex;gap:8px;justify-self:center;flex-wrap:wrap;justify-content:center}.wizard-bottom-nav-right{display:flex;gap:8px;justify-self:end;flex-wrap:wrap}