:root{--bg-outer: #F3EBE1;--bg-white: #FFFFFF;--bg-shell: #FAF5EF;--border: #EDE3D6;--border-soft: #F5EDE3;--text-primary: #241F1B;--text-secondary: #6F655C;--text-body: #4A423A;--text-muted: #8C8177;--text-faint: #9B8F80;--text-faintest: #A2978C;--text-whisper: #B0A599;--accent: #C2683F;--accent-hover: #A5522D;--accent-soft: #F7E9DF;--accent-soft-fg: #A5522D;--dashed: #D8C9B6;--dashed-strong: #C9BCAC;--icon-x: #C4B8AA;--green-bg: #E8EEDC;--green-fg: #4F6234;--amber-bg: #FBEBD8;--amber-fg: #9A6A22;--neutral-bg: #F1EAE2;--neutral-fg: #7A6E62;--red-bg: #F7DEDA;--red-fg: #9E3F33;--red-strong: #B4402F;--font-serif: "Literata", Georgia, serif;--font-sans: "Manrope", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}body{margin:0;background:var(--bg-outer);font-family:var(--font-sans);color:var(--text-primary);font-size:14px}input,button,textarea,select{font-family:inherit}::placeholder{color:var(--text-whisper)}a{color:var(--accent)}button{cursor:pointer}.login-screen{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px;background:var(--bg-white);border:1px solid var(--border);border-radius:24px;padding:34px 30px;display:flex;flex-direction:column;gap:18px;box-shadow:0 20px 60px #3c28191a}.brand{display:flex;align-items:center;gap:8px}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);display:block}.brand span.label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.login-card h1{font-family:var(--font-serif);font-weight:500;font-size:27px;line-height:1.2;margin:0}.login-card p{margin:0;font-size:14px;line-height:1.55;color:var(--text-secondary)}.tg-login-btn{width:100%;border:none;border-radius:16px;background:#2aabee;color:#fff;font-size:16px;font-weight:700;padding:17px 20px;display:flex;align-items:center;justify-content:center;gap:10px}.tg-login-btn:hover{background:#1e97d6}.dev-login{display:flex;flex-direction:column;gap:10px;border-top:1px dashed var(--dashed-strong);padding-top:16px}.dev-login input{border:1px solid var(--border);border-radius:12px;padding:11px 14px;font-size:14px;background:var(--bg-shell);outline:none;color:var(--text-primary)}.hint-text{margin:0;font-size:12px;line-height:1.6;color:var(--text-faintest)}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100svh}.sidebar{background:var(--bg-white);border-right:1px solid var(--border);padding:22px 16px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100svh}.sidebar .brand{padding:0 8px}.nav{display:flex;flex-direction:column;gap:3px}.nav-item{width:100%;text-align:left;border:none;border-radius:12px;padding:11px 12px;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;background:transparent;color:var(--text-body);font-weight:500;text-decoration:none}.nav-item.active{background:var(--accent-soft);color:var(--accent-soft-fg);font-weight:700}.nav-badge{min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--accent);color:#fff7f1;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.sidebar-spacer{flex:1}.sidebar-user{border-top:1px solid var(--border);padding-top:14px;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--bg-outer);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}.sidebar-user .name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-btn{background:none;border:none;padding:2px 0 0;font-size:12px;color:var(--text-faintest);cursor:pointer}.link-btn:hover{color:var(--accent)}.main{padding:28px 32px 60px;min-width:0}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;flex-wrap:wrap}.page-header h1{font-family:var(--font-serif);font-weight:500;font-size:28px;margin:0}.page-header p{margin:6px 0 0;font-size:13px;color:var(--text-muted)}.btn-primary{border:none;border-radius:14px;background:var(--accent);color:#fff7f1;font-size:14px;font-weight:700;padding:13px 20px;white-space:nowrap}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:default}.card{background:var(--bg-white);border:1px solid var(--border);border-radius:18px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:var(--bg-white);border:1px solid var(--border);border-radius:16px;padding:15px 16px}.stat-card .v{font-family:var(--font-serif);font-size:26px;line-height:1;color:var(--accent)}.stat-card .k{font-size:12px;color:var(--text-secondary);margin-top:6px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.toolbar input[type=search],.toolbar select,.field-input,textarea.field-input{border:1px solid var(--border);border-radius:12px;padding:11px 14px;font-size:14px;background:var(--bg-white);outline:none;color:var(--text-primary)}.toolbar input[type=search]{flex:1;min-width:220px}.toolbar select{cursor:pointer}.table{background:var(--bg-white);border:1px solid var(--border);border-radius:18px;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-head,.table-row,.rules-row{display:grid;gap:12px;padding:13px 18px;align-items:center;min-width:620px}.table-head{background:var(--bg-shell);border-bottom:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.table-row{border-bottom:1px solid var(--border-soft);cursor:pointer}.table-row:hover{background:#fdfaf6}.table-empty{padding:40px 18px;text-align:center;font-size:14px;color:var(--text-faintest)}.badge{font-size:12px;font-weight:600;padding:5px 10px;border-radius:99px;display:inline-block}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--bg-shell);border-radius:14px;padding:13px 22px;font-size:13px;font-weight:600;z-index:60;box-shadow:0 12px 34px #241f1b4d}.loading-state,.error-state{padding:40px;text-align:center;color:var(--text-faintest);font-size:14px}.error-state{color:var(--red-strong)}.program-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.program-card{padding:18px;display:flex;flex-direction:column;gap:12px}.program-card.archived{opacity:.62}.program-card h3{font-family:var(--font-serif);font-weight:500;font-size:19px;margin:0}.program-card .desc{margin:0;font-size:13px;line-height:1.55;color:var(--text-secondary)}.program-meta{display:flex;gap:18px;font-size:13px;color:var(--text-muted);flex-wrap:wrap}.program-actions{display:flex;gap:8px;margin-top:2px;flex-wrap:wrap}.btn-ghost{border:1px solid var(--border);background:var(--bg-shell);border-radius:11px;padding:9px 14px;font-size:13px;font-weight:600;color:var(--text-primary)}.btn-ghost:hover{border-color:var(--accent)}.btn-text{border:1px solid transparent;background:none;border-radius:11px;padding:9px 12px;font-size:13px;color:var(--text-muted)}.btn-text:hover{color:var(--accent)}.materials-list{display:flex;flex-direction:column;gap:6px}.material-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--text-muted);background:var(--bg-shell);border-radius:10px;padding:6px 10px}.upload-row{display:flex;gap:8px;align-items:center}.upload-row input[type=number]{width:70px;border:1px solid var(--border);border-radius:10px;padding:7px 8px;font-size:12px}.rules-table{margin-top:26px}.rules-head{display:grid;grid-template-columns:40px 1.2fr 1fr 1.2fr 1.4fr 40px;gap:12px}.rules-row{display:grid;grid-template-columns:40px 1.2fr 1fr 1.2fr 1.4fr 40px;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border-soft);align-items:center}.rules-row select,.rules-row input{border:1px solid var(--border);border-radius:10px;padding:9px 10px;font-size:13px;background:var(--bg-white);color:var(--text-primary);outline:none;width:100%}.rules-row select.program-select{background:var(--accent-soft);font-weight:600}.rules-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;background:var(--bg-shell);flex-wrap:wrap}.btn-dashed{border:1px dashed var(--dashed-strong);background:none;border-radius:11px;padding:9px 14px;font-size:13px;font-weight:600;color:var(--text-secondary)}.btn-dashed:hover{border-color:var(--accent);color:var(--accent)}.fb-tabs{display:flex;gap:8px;flex-wrap:wrap}.fb-tab{border:1px solid var(--border);background:var(--bg-white);color:var(--text-body);border-radius:99px;padding:9px 16px;font-size:13px;font-weight:600}.fb-tab.active{background:var(--accent);color:#fff7f1;border-color:var(--accent)}.fb-card{background:var(--bg-white);border:1px solid var(--border);border-left:4px solid var(--green-fg);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:10px}.fb-card.low{border-color:var(--red-bg);border-left-color:var(--red-strong)}.fb-top{display:flex;justify-content:space-between;gap:16px;align-items:baseline;flex-wrap:wrap}.fb-stars{font-size:13px;font-weight:700}.fb-reply-box{background:var(--bg-shell);border-radius:12px;padding:11px 14px;font-size:13px;line-height:1.55;color:var(--text-secondary)}.fb-reply-form{display:flex;gap:8px;align-items:stretch}.fb-reply-form input{flex:1;border:1px solid var(--border);border-radius:12px;padding:11px 14px;font-size:13px;background:#fdfaf6;outline:none}.btn-send{border:none;border-radius:12px;background:var(--accent);color:#fff7f1;font-size:13px;font-weight:700;padding:11px 18px;white-space:nowrap}.btn-send:hover{background:var(--accent-hover)}.question-card{background:var(--bg-white);border:1px solid var(--border);border-radius:18px;padding:16px 18px;display:flex;gap:14px;align-items:flex-start}.q-order{display:flex;flex-direction:column;gap:2px;padding-top:2px;align-items:center}.q-order button{background:none;border:none;color:var(--icon-x);font-size:13px;padding:1px 4px}.q-order button:hover{color:var(--accent)}.q-order span{font-size:12px;color:var(--text-faintest);font-family:ui-monospace,monospace}.q-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.q-text-input{width:100%;border:none;border-bottom:1px solid #F0E6D9;padding:4px 0 8px;font-family:var(--font-serif);font-size:18px;color:var(--text-primary);background:none;outline:none}.q-meta-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--text-muted)}.q-meta-row select{border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:13px;background:var(--bg-shell);color:var(--text-primary)}.condition-pill{background:var(--accent-soft);color:var(--accent-hover);border-radius:99px;padding:6px 12px;font-size:12px;font-weight:600}.condition-btn{background:none;border:1px dashed var(--dashed-strong);border-radius:99px;padding:6px 12px;font-size:12px;color:var(--text-secondary)}.condition-btn:hover{border-color:var(--accent);color:var(--accent)}.option-row{display:flex;align-items:center;gap:10px}.option-dot{width:6px;height:6px;border-radius:50%;background:var(--dashed);flex:none}.option-input{flex:1;border:1px solid transparent;border-radius:9px;padding:7px 9px;font-size:14px;background:var(--bg-shell);color:var(--text-primary);outline:none}.option-input:focus{border-color:var(--accent)}.remove-x{background:none;border:none;font-size:16px;color:var(--icon-x);cursor:pointer;padding:2px 4px}.remove-x:hover{color:var(--accent)}.add-option-btn{align-self:flex-start;background:none;border:none;font-size:13px;font-weight:600;color:var(--accent);padding:4px 0 0}.add-question-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--bg-white);border:1px dashed var(--dashed);border-radius:18px;padding:16px 18px}.add-question-btn{border:none;background:none;font-size:14px;font-weight:700;color:var(--accent)}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.photo-card{background:var(--bg-white);border:1px solid var(--border);border-radius:16px;overflow:hidden}.photo-slot{height:150px;background-image:repeating-linear-gradient(135deg,#f1e7da 0,#f1e7da 8px,#eadfcf 8px,#eadfcf 16px);display:flex;align-items:center;justify-content:center}.photo-slot img{width:100%;height:100%;object-fit:cover}.photo-body{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.photo-body input{width:100%;border:1px solid transparent;border-radius:9px;padding:7px 8px;font-size:13px;background:var(--bg-shell);color:var(--text-primary);outline:none}.photo-body input:focus{border-color:var(--accent)}.photo-actions{display:flex;justify-content:space-between;align-items:center}.photo-actions .arrows button{background:none;border:none;color:var(--icon-x);font-size:13px;padding:2px 5px}.photo-actions .arrows button:hover{color:var(--accent)}.photo-add{border:1px dashed var(--dashed);border-radius:16px;background:#fdfaf6;min-height:150px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-muted);font-size:13px;font-weight:600}.photo-add:hover{border-color:var(--accent);color:var(--accent)}.testimonial-card{background:var(--bg-white);border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;gap:14px;align-items:flex-start}.testimonial-photo{width:66px;height:82px;border-radius:11px;background-image:repeating-linear-gradient(135deg,#f1e7da 0,#f1e7da 8px,#eadfcf 8px,#eadfcf 16px);flex:none}.testimonial-body{flex:1;display:flex;flex-direction:column;gap:8px}.testimonial-body input{width:100%;border:none;border-bottom:1px solid #F0E6D9;padding:3px 0 6px;font-size:14px;font-weight:600;background:none;outline:none;color:var(--text-primary)}.testimonial-body textarea{width:100%;border:1px solid transparent;border-radius:10px;padding:8px 9px;font-size:13px;line-height:1.5;background:var(--bg-shell);color:var(--text-body);outline:none;resize:vertical}.testimonial-body textarea:focus{border-color:var(--accent)}.settings-section h2{font-family:var(--font-serif);font-weight:500;font-size:21px;margin:0 0 5px}.settings-section>p{margin:0 0 14px;font-size:13px;color:var(--text-muted)}.notif-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 18px;border-bottom:1px solid var(--border-soft);cursor:pointer}.notif-row .label{font-size:14px;font-weight:600}.notif-row .hint{font-size:12px;color:var(--text-muted)}.switch{width:46px;height:26px;border-radius:99px;flex:none;padding:3px;display:flex;transition:background .18s ease;border:none}.switch .knob{width:20px;height:20px;border-radius:50%;background:#fff;display:block;box-shadow:0 1px 3px #3c281940}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--border-soft)}.admin-row .left{display:flex;align-items:center;gap:12px}.admin-row .aname{font-size:14px;font-weight:600}.admin-row .aid{font-size:12px;color:var(--text-faintest);font-family:ui-monospace,monospace}.add-admin-row{display:flex;gap:8px;padding-top:14px}.add-admin-row input{flex:1;border:1px solid var(--border);border-radius:12px;padding:11px 14px;font-size:14px;background:#fdfaf6;outline:none}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#241f1b6b;display:flex;justify-content:flex-end;z-index:40}.drawer{width:520px;max-width:100%;background:var(--bg-shell);height:100%;overflow-y:auto;padding:26px 28px 40px;box-shadow:-20px 0 60px #3c28192e}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.drawer-head h2{font-family:var(--font-serif);font-weight:500;font-size:25px;margin:0}.drawer-head p{margin:5px 0 0;font-size:13px;color:var(--text-muted)}.drawer-close{background:none;border:none;font-size:24px;color:var(--text-faintest);cursor:pointer;padding:0 2px;line-height:1}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.fact-card{background:var(--bg-white);border:1px solid var(--border);border-radius:14px;padding:13px 14px}.fact-card .k{font-size:12px;color:var(--text-muted)}.fact-card .v{font-size:15px;font-weight:600;margin-top:4px}.drawer h3{font-family:var(--font-serif);font-weight:500;font-size:17px;margin:26px 0 10px}.answers-card{background:var(--bg-white);border:1px solid var(--border);border-radius:16px;padding:4px 16px}.answer-row{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--border-soft);font-size:13px}.answer-row .k{color:var(--text-muted)}.answer-row .v{font-weight:600;text-align:right}.progress-card{background:var(--bg-white);border:1px solid var(--border);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:9px}.progress-line{display:flex;align-items:center;gap:12px}.progress-line .date{font-size:12px;color:var(--text-faintest);width:66px;flex:none;font-family:ui-monospace,monospace}.progress-line .bar{height:8px;border-radius:99px;background:var(--accent)}.progress-line .value{font-size:13px;font-weight:600}.messages-list{display:flex;flex-direction:column;gap:8px}.msg-bubble{max-width:82%;border-radius:14px;padding:11px 14px;font-size:13px;line-height:1.5}.msg-bubble.in{align-self:flex-start;background:var(--bg-white);border:1px solid var(--border)}.msg-bubble.out{align-self:flex-end;background:var(--accent-soft);border:1px solid #EED9C7}.msg-time{font-size:11px;opacity:.6;margin-top:5px}.msg-form{display:flex;gap:8px;margin-top:14px}.msg-form input{flex:1;border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-size:13px;background:var(--bg-white);outline:none}.empty-note{font-size:13px;color:var(--text-faintest);padding:10px 0}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;flex-wrap:wrap}.nav{flex-direction:row;flex-wrap:wrap}.stat-grid,.program-grid,.photo-grid{grid-template-columns:repeat(2,1fr)}.drawer{width:100%}}@media(max-width:600px){.main{padding:16px 14px 40px}.page-header h1{font-size:23px}.stat-grid,.program-grid,.photo-grid,.fact-grid{grid-template-columns:1fr}.drawer{padding:20px 16px 32px}.question-card,.fb-card,.program-card,.testimonial-card{padding:14px}.login-card{padding:26px 20px}}