*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#111827;overscroll-behavior:none;background:#f3f6fb;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.topbar{background:#fffffffa;border-bottom:1px solid #e5e7eb;flex:none;align-items:center;gap:16px;height:86px;padding:14px 18px;display:flex}.brand{cursor:pointer;align-items:center;gap:12px;min-width:220px;display:flex}.brand img{object-fit:contain;background:#020617;border-radius:16px;width:48px;height:48px;padding:7px}.brand small{letter-spacing:5px;color:#94a3b8;font-size:11px;font-weight:900;display:block}.brand b{font-size:22px}.search{background:#fff;border:1px solid #dbe3ef;border-radius:22px;outline:none;flex:1;padding:16px 18px;font-size:18px;font-weight:800}.scrollArea{-webkit-overflow-scrolling:touch;contain:layout;flex:1;padding:18px 18px 106px;overflow-y:auto}.bottomnav{z-index:20;color:#fff;background:#020617;border-radius:26px;gap:8px;padding:10px;display:flex;position:fixed;bottom:12px;left:18px;right:18px}.bottomnav button{color:#cbd5e1;background:0 0;border:0;border-radius:18px;flex:1;padding:13px 4px;font-size:13px;font-weight:900}.bottomnav button.active{color:#fff;background:#16a34a}.page{width:100%;max-width:1480px;margin:0 auto}.hero,.komuta{color:#fff;background:linear-gradient(135deg,#07111f,#172554 55%,#2563eb);border-radius:28px;margin-bottom:18px;padding:28px}.komuta{background:linear-gradient(135deg,#260916,#020617 65%,#083344)}.hero h1,.komuta h1{margin:0 0 8px;font-size:34px}.hero p,.komuta p{color:#dbeafe;max-width:850px;font-size:17px;line-height:1.5}.heroBtns{flex-wrap:wrap;gap:10px;display:flex}.hero button,.komuta button,.paneHead button,.empty button,.editorHead button,.formgrid button,.more,.drawerBody button,.wide,.actions button{color:#fff;background:#e30613;border:0;border-radius:14px;padding:12px 16px;font-size:14px;font-weight:900}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.card,.pane{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:18px;box-shadow:0 8px 20px #0f172a09}.card h3{margin:0 0 8px;font-size:20px}.card p,.muted{color:#64748b;font-weight:650;line-height:1.45}.card span{color:#94a3b8}.split{grid-template-columns:300px 340px 1fr;align-items:start;gap:14px;display:grid}.split.two{grid-template-columns:420px 1fr}.pane{min-height:120px}.paneHead{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.paneHead b{font-size:16px}.list{flex-direction:column;gap:9px;display:flex}.row{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.row.active{color:#fff;background:#020617;border-color:#020617}.row b{font-size:15px;display:block}.row small{color:#64748b;margin-top:3px;font-size:12px;font-weight:700;display:block}.row.active small{color:#cbd5e1}.danger{color:#b91c1c!important;background:#fee2e2!important}.iconBtn{flex:none;width:38px;height:38px;padding:0!important}.empty{text-align:center;color:#64748b;border:2px dashed #e5e7eb;border-radius:20px;padding:28px;font-weight:800}.editorHead{z-index:2;background:#fff;gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex;position:sticky;top:0}.editorHead input{border:1px solid #dbe3ef;border-radius:14px;flex:1;padding:12px;font-size:20px;font-weight:900}.raw,.drawerBody textarea{background:#fff7f7;border:1px solid #fecaca;border-radius:16px;width:100%;min-height:86px;margin-bottom:12px;padding:12px;font-weight:700}.sectionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sectionGrid label,.input{flex-direction:column;gap:6px;display:flex}.sectionGrid span,.input span{letter-spacing:.08em;color:#64748b;text-transform:uppercase;font-size:11px;font-weight:1000}.sectionGrid textarea,.input textarea,.input input,.miniInput,select{background:#fbfdff;border:1px solid #dbe3ef;border-radius:14px;outline:none;padding:11px;font-size:14px;font-weight:700;line-height:1.35}.sectionGrid textarea{min-height:92px}.input textarea{min-height:88px}.miniInput,select{width:100%;margin-bottom:9px}.drawer{border:1px solid #e5e7eb;border-radius:18px;margin-top:12px;overflow:hidden}.drawerHead{background:#f8fafc;border:0;justify-content:space-between;width:100%;padding:13px 14px;font-weight:900;display:flex}.drawerBody{flex-direction:column;gap:8px;padding:12px;display:flex}.mini{border:1px solid #e5e7eb;border-radius:14px;padding:10px}.mini p{color:#64748b;margin:4px 0}.card.compact{margin-bottom:10px;padding:0;overflow:hidden}.cardLine{cursor:pointer;justify-content:space-between;align-items:center;padding:16px;display:flex}.cardLine h3{font-size:20px}.cardLine small{color:#b45309;letter-spacing:.06em;text-transform:uppercase;font-weight:900}.formgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.bedgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.bedgrid button{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:13px}.bedgrid button.active{color:#fff;background:#020617}.bedgrid small{color:#64748b;margin-top:5px;display:block}.actions{flex-wrap:wrap;gap:10px;display:flex}.more{margin:12px auto 24px;display:block;background:#020617!important}.wide{width:100%;margin-bottom:10px}.fatal{background:#fff;border:1px solid #fecaca;border-radius:20px;max-width:680px;margin:40px auto;padding:24px}.fatal button{color:#fff;background:#e30613;border:0;border-radius:14px;padding:12px 16px;font-weight:900}@media (width<=900px){body{background:#f5f7fb}.topbar{height:auto;padding:10px 12px;display:block}.brand{min-width:0;margin-bottom:10px}.brand img{border-radius:14px;width:40px;height:40px}.brand small{letter-spacing:3px;font-size:9px}.brand b{font-size:19px}.search{border-radius:18px;width:100%;padding:13px 15px;font-size:15px}.scrollArea{padding:10px 9px 100px}.bottomnav{border-radius:22px;gap:2px;padding:7px;bottom:8px;left:8px;right:8px}.bottomnav button{padding:10px 1px;font-size:11px}.hero,.komuta{border-radius:20px;padding:16px}.hero h1,.komuta h1{font-size:22px}.hero p,.komuta p{font-size:13px}.heroBtns button{flex:1;min-width:110px;padding:10px 8px}.grid,.split,.split.two{grid-template-columns:1fr}.pane,.card{border-radius:17px;padding:13px}.pane.small{min-height:0}.sectionGrid,.formgrid{grid-template-columns:1fr;padding:8px}.editorHead{flex-wrap:wrap;position:static}.editorHead input{flex-basis:100%;width:100%;font-size:17px}.editorHead button{flex:1}.row{padding:10px}.row b{font-size:14px}.row small{font-size:11px}.cardLine{padding:13px}.cardLine h3{font-size:18px}.cardLine p{font-size:13px}.bedgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.page{font-size:14px}button{touch-action:manipulation}.sectionGrid textarea,.input textarea{min-height:72px}.raw{min-height:78px}.card,.pane{box-shadow:none}.home .grid{gap:10px}}