@font-face{font-family:Sora;src:url('/Sora.woff2')}@font-face{font-family:Jakarta;src:url('/PlusJakartaSans.woff2')}@font-face{font-family:Manrope;src:url('/Manrope-600.woff2');font-weight:600}
:root{--ink:#11102d;--muted:#716d8d;--violet:#7027ed;--violet2:#942ee8;--orange:#ff5d13;--paper:#fff;--bg:#f7f3f9;--line:#e8e0ec;--green:#159b65;--amber:#f39b17;--red:#d83c55;--nav:#24112f;--soft:#f5edff}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:Jakarta,Arial,sans-serif}.demo{position:fixed;z-index:20;left:248px;right:24px;top:88px;height:30px;border:1px solid #f4b343;border-radius:10px;background:#fff9eb;color:#9a5700;display:flex;align-items:center;padding:0 13px;font-size:11px;font-weight:800;letter-spacing:.03em}.central{min-height:900px;padding-left:225px}.sidebar{position:fixed;inset:0 auto 0 0;width:225px;background:linear-gradient(180deg,#261231,#1b0d26);padding:20px 15px;color:#fff}.brand{height:72px;background:#fff;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:26px}.brand img{width:177px;max-height:53px;object-fit:contain}.navgroup{margin:24px 10px 9px;color:#c7a5e4;font:700 10px Manrope;letter-spacing:.16em}.navitem{height:38px;border-radius:9px;display:flex;align-items:center;gap:10px;padding:0 13px;margin:3px 0;font:600 12px Manrope;color:#f1e8f7}.navitem.active{background:linear-gradient(90deg,#6c2cd8,#9135df);box-shadow:0 7px 18px #13071c55}.navitem .ico{width:17px;text-align:center;color:#dac4f1}.operator{position:absolute;left:18px;right:18px;bottom:20px;padding-top:15px;border-top:1px solid #573a61}.operator small{display:block;color:#bf9dce;font-size:10px}.operator strong{font-size:12px}.central header.top{height:76px;background:#fff;border-bottom:1px solid var(--line);padding:19px 28px 14px 29px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font:700 10px Manrope;color:var(--violet);letter-spacing:.13em;text-transform:uppercase}.central h1{font:700 22px Sora;margin:4px 0 0}.top-actions{display:flex;gap:10px;align-items:center}.env{background:#f1e8fa;color:#6424bd;border-radius:11px;padding:10px 13px;font-size:11px;font-weight:800}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6722de,#a63ce3);color:#fff;display:grid;place-items:center;font-weight:800}.content{padding:53px 28px 26px}.pagehead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.pagehead h2{font:700 27px Sora;margin:3px 0 4px}.pagehead p{margin:0;color:var(--muted);font-size:13px}.button{border:0;border-radius:10px;background:#fff;border:1px solid var(--line);height:42px;padding:0 17px;color:var(--ink);font:700 12px Sora}.button.primary{color:#fff;border:0;background:linear-gradient(135deg,#6d24ed,#982fe6);box-shadow:0 8px 20px #7027ed30}.button.orange{background:linear-gradient(135deg,#ff7a20,#ff4d0c);color:#fff;border:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px 16px;border-left:3px solid var(--violet)}.stat small{font-size:9px;font-weight:800;color:var(--muted);text-transform:uppercase}.stat strong{display:block;font:700 23px Sora;margin:6px 0 2px}.stat span{font-size:9px;color:#9991a8}.grid{display:grid;grid-template-columns:1.55fr .85fr;gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;box-shadow:0 6px 18px #3215410b}.panel h3{font:700 16px Sora;margin:2px 0 4px}.panel .sub{font-size:10px;color:var(--muted);margin:0 0 14px}.toolbar{display:flex;gap:8px;margin-bottom:11px}.input,.select,.textarea{border:1px solid #ddd3e4;background:#fff;border-radius:9px;color:#413b58;font:500 11px Jakarta;padding:0 11px}.input,.select{height:36px}.input{flex:1}.select{min-width:145px}.table{border:1px solid var(--line);border-radius:11px;overflow:hidden}.tr{display:grid;grid-template-columns:1.65fr .85fr .75fr .65fr 52px;align-items:center;min-height:66px;padding:8px 12px;border-top:1px solid #eee7f1;gap:10px}.tr:first-child{border-top:0}.tr.head{min-height:36px;background:#faf8fb;color:#857d91;font-size:9px;font-weight:800;text-transform:uppercase}.item{display:flex;align-items:center;gap:10px}.thumb{width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,#ff8a36,#ff4f0c);display:grid;place-items:center;color:#fff;font-size:20px}.item strong{display:block;font:700 11px Sora}.item small,.cell small{display:block;color:#8c8499;font-size:9px;margin-top:3px}.cell{font-size:10px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:5px 9px;background:#e9f8f1;color:#16875e;font-size:9px;font-weight:800}.pill.violet{background:#f1e8ff;color:#7027ed}.pill.amber{background:#fff3dd;color:#a76400}.pill.gray{background:#f0edf2;color:#766d7f}.pill.red{background:#ffe9ed;color:#b42943}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.kebab{font-size:20px;color:#8c8198;text-align:center}.editor label,.field label{display:block;color:#514864;font-size:9px;font-weight:800;margin:0 0 5px}.editor input,.editor select,.editor textarea,.field input,.field select,.field textarea{width:100%;border:1px solid #ddd3e4;border-radius:9px;padding:9px 10px;font:500 11px Jakarta;color:var(--ink);background:#fff}.editor textarea,.field textarea{height:68px;resize:none}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wide{grid-column:1/-1}.upload{height:72px;border:1px dashed #9d55e4;border-radius:10px;background:#fbf8ff;display:grid;place-items:center;text-align:center;color:#6d24d2;font-size:10px;font-weight:800}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#f2eaff;color:#6625c1;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:700}.notice{border-radius:10px;background:#f7f2fc;padding:10px 12px;color:#6c6380;font-size:9px;line-height:1.45}.channels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.channel{border:1px solid var(--line);border-radius:10px;padding:10px;min-height:62px}.channel strong{font-size:10px}.channel small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.channel.on{border-color:#a46be7;background:#fbf8ff}.stepper{display:flex;align-items:center;gap:0;margin:0 0 16px}.step{flex:1;height:32px;display:flex;align-items:center;justify-content:center;background:#f0ebf5;color:#82768d;font-size:9px;font-weight:800;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%,10px 50%)}.step:first-child{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%)}.step.done{background:#efe6ff;color:#6c22d9}.step.current{background:linear-gradient(90deg,#6b25df,#922ee5);color:#fff}.seg-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice{border:1px solid var(--line);border-radius:11px;padding:12px}.choice.selected{border-color:#8d43e7;background:#fbf8ff;box-shadow:inset 0 0 0 1px #8d43e7}.choice strong{font:700 11px Sora}.choice p{font-size:9px;color:var(--muted);margin:5px 0 0}.check{float:right;width:18px;height:18px;border:1px solid #cabbd2;border-radius:5px}.selected .check{background:var(--violet);border-color:var(--violet);box-shadow:inset 0 0 0 4px #fff}.range{height:7px;border-radius:999px;background:#ede6f0;overflow:hidden;margin:7px 0}.range i{display:block;height:100%;width:68%;background:linear-gradient(90deg,#7027ed,#a432e0)}.preview-phone{width:244px;height:472px;margin:auto;border:7px solid #171220;border-radius:31px;background:#fff;padding:17px 12px;box-shadow:0 12px 30px #160b2230}.preview-phone .minihead{height:41px;border-bottom:1px solid #eee6f2;display:flex;align-items:center;gap:7px;font:700 10px Sora}.preview-phone .notif{padding:11px 7px;border-bottom:1px solid #eee7f1}.preview-phone .notif strong{font-size:9px}.preview-phone .notif p{font-size:8px;color:#6e657d;margin:4px 0}.schedule-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summarybox{border:1px solid var(--line);border-radius:10px;padding:12px}.summarybox small{font-size:8px;color:var(--muted)}.summarybox strong{display:block;font:700 12px Sora;margin-top:4px}.auditline{display:flex;gap:9px;align-items:flex-start;padding:9px 0;border-top:1px solid #eee7f1}.auditline:first-of-type{border-top:0}.auditline i{width:8px;height:8px;border-radius:50%;background:var(--violet);margin-top:4px}.auditline strong{font-size:9px;display:block}.auditline small{font-size:8px;color:var(--muted)}
/* INSTALAFIX MOBILE */
.mobile{width:390px;height:844px;background:#fffdfa;overflow:hidden;position:relative;color:#10133c;font-family:Jakarta;margin:0}.safe{height:32px;padding:10px 21px 0;display:flex;justify-content:space-between;font:700 12px Sora}.mobile-header{height:72px;padding:8px 18px 10px;display:flex;align-items:center;border-bottom:1px solid #eeeaf3}.mobile-header button{width:38px;height:38px;border:0;border-radius:12px;background:#f5f2fb;color:#171b67;font-size:24px}.mobile-header img{width:136px;height:43px;object-fit:contain;margin-left:12px}.mobile-header .bell{margin-left:auto;width:36px;height:36px;border:1px solid #eee4f3;background:#fff;border-radius:50%;display:grid;place-items:center;color:#5f25d7;position:relative}.mobile-header .bell:after{content:'3';position:absolute;right:-3px;top:-4px;background:#ff5b13;color:#fff;width:16px;height:16px;border-radius:50%;font-size:8px;display:grid;place-items:center;font-weight:800}.tray{height:666px;padding:14px 16px 0;overflow:hidden}.tray-title{display:flex;align-items:flex-end;justify-content:space-between}.tray h1{font:700 25px Sora;margin:0}.tray-title button{border:0;background:none;color:#6c25d5;font:700 10px Jakarta}.tabs{display:flex;gap:8px;margin:14px 0 12px}.tabs button{height:34px;padding:0 14px;border:1px solid #e4daec;border-radius:999px;background:#fff;color:#66617c;font:700 10px Jakarta}.tabs button.active{background:#efe6ff;color:#6221ce;border-color:#d6bdf7}.notification-card{width:100%;border:1px solid #e8e0ec;background:#fff;border-radius:14px;padding:12px;margin-bottom:9px;display:grid;grid-template-columns:42px 1fr 10px;gap:10px;box-shadow:0 5px 16px #2b0d3d0a}.notification-card.unread{background:linear-gradient(100deg,#fff,#fbf7ff);border-color:#d9c6ec}.nicon{width:42px;height:42px;border-radius:12px;background:#efe8ff;color:#6c24d7;display:grid;place-items:center;font-size:20px}.nicon.orange{background:#fff0e7;color:#ff5a10}.nicon.red{background:#ffedf0;color:#d82d4c}.notification-card em{font-style:normal;font-size:7px;font-weight:900;color:#d92c4a;letter-spacing:.08em}.notification-card strong{font:700 11px Sora;display:block;margin:2px 0 3px}.notification-card p{font-size:9px;line-height:1.35;color:#68627e;margin:0 0 5px}.notification-card time{font-size:8px;color:#aaa0b3}.notification-card i{width:7px;height:7px;border-radius:50%;background:#7027ed;margin-top:4px}.notification-card.read{opacity:.78}.prefs{height:40px;border-radius:11px;background:#f5f1fb;display:flex;align-items:center;justify-content:center;color:#5c20c3;font-size:10px;font-weight:800}.bottomnav{position:absolute;bottom:0;left:0;right:0;height:74px;background:#fff;border-top:1px solid #eee8f1;display:flex;align-items:center;justify-content:space-around;padding-bottom:8px;box-shadow:0 -8px 20px #3215450c}.navb{width:58px;text-align:center;color:#555a8a;font-size:8px}.navb b{display:block;font-size:21px;line-height:27px}.navb.active{color:#7027ed;font-weight:800}.navb.new b{margin:-25px auto 3px;background:linear-gradient(135deg,#ff7a1e,#ff4c09);color:#fff;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:30px;box-shadow:0 7px 18px #ff5a1648;border:4px solid #fff}
@media print{.demo{position:absolute}}
.navitem{text-decoration:none}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translate(-50%,18px);padding:11px 16px;border-radius:12px;background:#25112f;color:#fff;font:700 11px Jakarta;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.content>a.button,.pagehead a.button{display:inline-flex;align-items:center;text-decoration:none}.choice input{display:block;width:100%;margin-top:8px;border:1px solid #ddd3e4;border-radius:7px;padding:7px;font:500 10px Jakarta}.env select{border:0;background:transparent;color:inherit;font:inherit}.tr button.button{height:30px;padding:0 9px;font-size:9px}