*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-0:#020810;--bg-1:#080a0c;--bg-2:#0a0c0f;--bg-3:#0d0f12;--bg-4:#111316;--border:#64a5ff21;--border-h:#64a5ff47;--text-1:#e2e8f0;--text-2:#94a3b8;--text-3:#4b5563;--accent:#38bdf8;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}html,body{background:var(--bg-0);height:100%;color:var(--text-1);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6;overflow:hidden}@keyframes shimmer-sweep{0%{left:-100%}50%,to{left:170%}}@keyframes glow-pulse{0%,to{opacity:.35}50%{opacity:1}}.login-header{z-index:100;-webkit-backdrop-filter:blur(20px);background:#020810eb;border-bottom:1px solid #64a5ff24;justify-content:space-between;align-items:center;gap:20px;height:72px;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 32px #00000080}.login-header-logo{letter-spacing:.1em;color:var(--text-1);text-transform:uppercase;white-space:nowrap;flex-shrink:0;font-size:15px;font-weight:800}.login-header-logo span{color:var(--accent)}.login-header-left{flex-shrink:0;align-items:center;gap:18px;display:flex}.login-contact-link{color:var(--text-3);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.login-contact-link:hover{color:var(--text-1)}.login-contact-link svg{flex-shrink:0;width:28px;height:28px}.login-header-form{flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.login-field{width:190px;height:36px;color:var(--text-1);font-size:13px;font-family:var(--font);background:#0d0f12e6;border:1px solid #64a5ff2e;border-radius:7px;outline:none;padding:0 12px;transition:border-color .15s}.login-field::placeholder{color:var(--text-3)}.login-field:focus{border-color:var(--accent)}.login-field:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-1)!important;border-color:#64a5ff2e!important;-webkit-box-shadow:inset 0 0 0 1000px #0d0f12f2!important}.login-field:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-1)!important;border-color:#64a5ff2e!important;-webkit-box-shadow:inset 0 0 0 1000px #0d0f12f2!important}.login-field:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-1)!important;border-color:#64a5ff2e!important;-webkit-box-shadow:inset 0 0 0 1000px #0d0f12f2!important}@keyframes login-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-arrow-hint{z-index:99;pointer-events:none;flex-direction:column;align-items:center;gap:4px;animation:1.6s ease-in-out infinite login-bounce;display:flex;position:fixed;top:84px;left:50%;transform:translate(-50%)}.login-arrow-hint svg{filter:drop-shadow(0 0 8px #22c55e99);width:36px;height:36px}.login-arrow-hint span{letter-spacing:.16em;color:#22c55e;text-shadow:0 0 10px #22c55e99;font-size:10px;font-weight:800}.login-submit{color:#020810;height:36px;font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#0d9fd8,#38bdf8);border:none;border-radius:7px;padding:0 20px;transition:opacity .18s;position:relative;overflow:hidden}.login-submit:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:60%;height:100%;animation:2.4s ease-in-out infinite shimmer-sweep;position:absolute;top:0;left:-100%}.login-submit:hover{opacity:.85}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-divider{color:var(--text-3);white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.login-google-btn{height:36px;color:var(--text-2);font-size:13px;font-family:var(--font);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:7px;align-items:center;gap:8px;padding:0 16px;transition:all .18s;display:flex}.login-google-btn:hover{color:var(--text-1);background:#ffffff17;border-color:#ffffff38}.login-error{color:#f87171;white-space:nowrap;font-size:12px}.login-portal-btn{height:36px;color:var(--accent);font-size:13px;font-family:var(--font);cursor:pointer;background:0 0;border:1px solid #38bdf859;border-radius:7px;padding:0 20px;transition:all .18s}.login-portal-btn:hover{border-color:var(--accent);background:#38bdf814}.entry-page{flex-direction:column;height:calc(100vh - 72px);margin-top:72px;display:flex;overflow:hidden}.entry-page>.nav-bar{flex-shrink:0;width:100%}.content-row{flex:1;min-height:0;display:flex;overflow:hidden}.side-bar{background:var(--bg-1);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:252px;padding:20px 0;display:flex;overflow-y:auto}.side-bar::-webkit-scrollbar{width:3px}.side-bar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.side-bar-section{padding:0 16px 16px}.side-bar-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;padding-left:4px;font-size:9px;font-weight:700}.side-bar-service-category{letter-spacing:.2em;text-transform:uppercase;color:var(--text-2);margin-bottom:10px;padding-left:2px;font-size:10px;font-weight:800}.side-bar-track-link{color:var(--text-2);cursor:pointer;border-radius:4px;margin-top:9px;padding:3px 2px;font-size:12px;font-weight:700;transition:color .15s;display:block}.side-bar-track-link:hover{color:var(--text-1)}.side-bar-nav{flex-direction:column;gap:1px;display:flex}.side-bar-link{height:32px;color:var(--text-3);cursor:pointer;border-radius:7px;justify-content:space-between;align-items:center;padding:0 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.side-bar-link:hover{background:var(--bg-3);color:var(--text-2)}.side-bar-link.active{background:var(--bg-3);color:var(--text-1);font-weight:600}.side-bar-count{color:var(--text-3);background:var(--bg-4);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.side-bar-link.active .side-bar-count{color:var(--accent)}.side-bar-divider{background:var(--border);height:1px;margin:4px 16px 16px}.side-bar-cta{color:#020810;width:100%;height:34px;font-size:12px;font-weight:700;font-family:var(--font);cursor:pointer;background:linear-gradient(135deg,#0d9fd8,#38bdf8);border:none;border-radius:8px;transition:opacity .18s}.side-bar-cta:hover{opacity:.85}.right-column{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.banner{background:linear-gradient(135deg, var(--bg-1) 0%, var(--bg-0) 100%);border-bottom:1px solid var(--border);flex-shrink:0;padding:28px 32px 29px;position:relative}.banner-back-btn{border:1px solid var(--border);height:34px;color:var(--text-2);font-size:13px;font-family:var(--font);cursor:pointer;background:0 0;border-radius:8px;padding:0 16px;font-weight:500;transition:all .15s;position:absolute;top:20px;right:24px}.banner-back-btn:hover{border-color:var(--accent);color:var(--accent);background:#38bdf80d}.banner-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:10px;font-weight:700}.banner-headline{letter-spacing:-.03em;color:var(--text-1);margin-bottom:6px;font-size:26px;font-weight:900;line-height:1.1}.banner-headline span{color:var(--accent)}.banner-sub{color:var(--text-3);font-size:13px;line-height:1.5}.nav-bar{background:var(--bg-1);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;height:46px;padding:0 16px 0 0;display:flex}.nav-bar-tabs{flex:none;gap:0;display:flex}.nav-bar-count{color:var(--text-3);flex-shrink:0;font-size:11px}.nav-bar-right{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.profile-wrap{flex-shrink:0;position:relative}.nav-bar-tab{height:28px;color:var(--text-3);font-size:12px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:0 12px;transition:all .15s}.nav-bar-tab:hover{background:var(--bg-3);color:var(--text-2)}.nav-bar-tab.active{background:var(--bg-3);color:var(--text-1)}.profile{border:1px solid var(--border);background:var(--bg-3);border-radius:8px;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;padding:4px 10px 4px 12px;transition:all .15s;display:flex}.profile:hover{border-color:var(--border-h)}.profile-name{color:var(--text-2);white-space:nowrap;font-size:12px;font-weight:600}.profile-icon{background:var(--bg-4);border:1px solid var(--border);width:28px;height:28px;color:var(--text-3);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-icon svg{width:14px;height:14px}.profile-dropdown{background:var(--bg-2);border:1px solid var(--border-h);z-index:200;border-radius:10px;min-width:200px;animation:.12s dd-in;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #00000080}@keyframes dd-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.profile-dd-email{color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;padding:11px 14px 10px;font-size:11px;overflow:hidden}.profile-dd-divider{background:var(--border);height:1px}.profile-dd-item{text-align:left;width:100%;font-size:13px;font-family:var(--font);color:var(--text-2);cursor:pointer;background:0 0;border:none;padding:9px 14px;transition:background .12s,color .12s;display:block}.profile-dd-item:hover{background:var(--bg-3);color:var(--text-1)}.profile-dd-logout{color:#f87171}.profile-dd-logout:hover{color:#f87171;background:#f8717114}.admin-indicator{letter-spacing:.08em;color:#f97316;-webkit-user-select:none;user-select:none;background:#f973161f;border:1px solid #f9731659;border-radius:5px;flex-shrink:0;align-self:center;padding:2px 8px;font-size:10px;font-weight:800}.display-pane{flex:1;overflow-y:auto}.display-pane::-webkit-scrollbar{width:4px}.display-pane::-webkit-scrollbar-track{background:var(--bg-1)}.display-pane::-webkit-scrollbar-thumb{background:var(--border-h);border-radius:2px}.po-order-shell{height:100%;display:flex;position:relative;overflow:hidden}.po-order-scroll{flex:1 1 0;min-width:0;overflow:auto}.po-pane-inner-with-call{padding-right:690px}.po-floating-call-panel{z-index:20;background:var(--bg-2);border:1px solid #ec489938;border-radius:10px;grid-template-columns:minmax(0,1fr) 190px;width:640px;max-height:calc(100% - 48px);display:grid;position:absolute;top:24px;right:28px;overflow:hidden;box-shadow:0 18px 42px #00000052}.po-floating-call-calendar{background:#fff;border:none;width:100%;height:min(560px,100vh - 340px);min-height:430px;display:block}.po-floating-call-photo{background-image:url(/me_in_server_room.jpg);background-position:50% calc(50% + 5px);background-size:cover;border-radius:8px;height:178px}.po-floating-call-side{border-left:1px solid #ec489926;flex-direction:column;gap:10px;padding:14px;display:flex}.po-floating-call-price{color:#22c55e;text-align:center;font-size:24px;font-weight:900;line-height:1}.po-floating-call-copy{min-width:0}.po-floating-call-eyebrow{color:#f9a8d4;letter-spacing:.18em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800}.po-floating-call-title{color:var(--text-1);margin-bottom:4px;font-size:14px;font-weight:900}.po-floating-call-sub{color:var(--text-3);margin-bottom:14px;font-size:12px}.po-floating-call-btn{color:#fff;cursor:pointer;width:100%;height:38px;font-family:var(--font);background:linear-gradient(135deg,#be185d,#ec4899);border:none;border-radius:9px;font-size:13px;font-weight:800}@media (max-width:1180px){.po-pane-inner-with-call{padding-top:642px;padding-right:28px}.po-floating-call-panel{width:auto;max-width:640px;left:28px;right:28px}.po-floating-call-calendar{height:410px;min-height:410px}}.demo-list{flex-direction:column;gap:20px;padding:24px 28px 48px;display:flex}.demo-container{background:var(--bg-2);border:1px solid #64a5ff38;border-radius:12px;transition:border-color .2s,box-shadow .2s;overflow:hidden;box-shadow:inset 0 0 0 1px #38bdf80a}.demo-container:hover{border-color:#64a5ff73;box-shadow:inset 0 0 0 1px #38bdf814,0 8px 32px #000a1e80}.demo-preview{aspect-ratio:16/7;background:var(--bg-3);border-bottom:1px solid #64a5ff1f;width:100%;position:relative;overflow:hidden}.demo-preview-iframe{transform-origin:0 0;pointer-events:none;border:none;width:1440px;height:810px;position:absolute;top:0;left:0}.demo-placeholder{background-image:linear-gradient(#64a5ff09 1px,#0000 1px),linear-gradient(90deg,#64a5ff09 1px,#0000 1px);background-size:52px 52px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.demo-placeholder:after{content:"";background:radial-gradient(55% 50% at 50% 48%,#38bdf80d 0%,#0000 70%);position:absolute;inset:0}.demo-placeholder-icon{z-index:1;opacity:.3;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.demo-placeholder-icon svg{width:36px;height:36px;stroke:var(--text-2);fill:none;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}.demo-placeholder-icon span{letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);font-size:11px;font-weight:600}.demo-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.demo-footer-left{flex-direction:column;gap:2px;display:flex}.demo-footer-title{color:var(--text-1);font-size:14px;font-weight:700}.demo-footer-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:600}.demo-footer-btn{color:#fb923c;height:32px;font-size:12px;font-family:var(--font);cursor:pointer;background:#f973160f;border:1px solid #f9731661;border-radius:6px;padding:0 16px;transition:all .18s}.demo-footer-btn:hover{color:#fdba74;background:#f9731621;border-color:#f97316}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(8px);background:#020810bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-inner{background:var(--bg-2);border:1px solid var(--border);border-radius:14px;width:380px;padding:32px;position:relative;box-shadow:inset 0 0 0 1px #ffffff08,0 24px 64px #000a1ed9}.modal-close{background:var(--bg-4);width:28px;height:28px;color:var(--text-3);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:16px;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.modal-close:hover{color:var(--text-1);background:var(--bg-3)}.modal-tabs{background:var(--bg-4);border-radius:8px;gap:4px;margin-bottom:26px;padding:4px;display:flex}.modal-tab{height:32px;color:var(--text-3);font-size:13px;font-family:var(--font);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;transition:all .18s}.modal-tab.active{background:var(--bg-2);color:var(--text-1);box-shadow:0 1px 4px #0006}.modal-field{margin-bottom:14px}.modal-label{color:var(--text-3);letter-spacing:.04em;margin-bottom:6px;font-size:12px;display:block}.modal-input{background:var(--bg-4);border:1px solid var(--border);width:100%;height:40px;color:var(--text-1);font-size:14px;font-family:var(--font);border-radius:7px;outline:none;padding:0 12px;transition:border-color .15s}.modal-input:focus{border-color:var(--accent)}.modal-submit{color:#020810;width:100%;height:42px;font-size:14px;font-weight:700;font-family:var(--font);cursor:pointer;background:linear-gradient(135deg,#0d9fd8 0%,#38bdf8 100%);border:none;border-radius:8px;margin-top:6px;transition:opacity .18s;position:relative;overflow:hidden}.modal-submit:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:60%;height:100%;animation:2.4s ease-in-out infinite shimmer-sweep;position:absolute;top:0;left:-100%}.modal-submit:hover{opacity:.88}.modal-submit:disabled{opacity:.5;cursor:not-allowed}.modal-error{color:#f87171;text-align:center;margin-top:10px;font-size:12px}.orders-split{height:100%;display:flex;overflow:hidden}.orders-list-panel{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:8px;width:38%;min-width:220px;padding:12px 8px;display:flex;overflow-y:auto}.orders-list-panel.has-selection{width:38%}.orders-empty{color:var(--text-3);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 16px;font-size:13px;display:flex}.order-card{background:var(--bg-2);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:12px 14px;transition:border-color .14s,background .14s}.order-card:hover{background:var(--bg-3);border-color:var(--border-h)}.order-card.selected{border-color:var(--accent);background:#38bdf80f}.order-card.completed{background:#22c55e0d;border-color:#22c55e73}.order-card.completed:hover{background:#22c55e17;border-color:#22c55eb3}.order-card.completed .order-card-id:after{content:" ✓";color:#22c55e;font-size:11px}.order-card-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.order-card-id{color:var(--text-1);font-size:12px;font-weight:700}.order-ticket-number{color:var(--accent);font-size:24px;font-weight:900;line-height:1}.order-card-date{color:var(--text-3);font-size:10px}.order-card-name{color:var(--text-2);margin-bottom:3px;font-size:12px}.order-card-services{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.order-card-total{color:#22c55e;white-space:nowrap;font-size:13px;font-weight:800}.order-card-timeline{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.order-card-date-cell{background:#0f172a38;border:1px solid #94a3b81f;border-radius:7px;min-width:0;padding:6px 8px}.order-card-date-cell span,.order-card-progress-head span{color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.order-card-date-cell strong{color:var(--text-1);margin-top:2px;font-size:11px;line-height:1.2;display:block}.order-card-progress-head{justify-content:space-between;align-items:center;gap:8px;margin-top:9px;display:flex}.order-card-progress-head strong{color:var(--text-2);font-size:11px}.order-card-progress{background:#64748b3d;border:1px solid #94a3b81f;border-radius:999px;height:7px;margin-top:5px;overflow:hidden}.order-card-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#f97316f2,#22c55ef2);height:100%;transition:width .2s}@media (max-width:720px){.orders-list-panel.has-selection{width:100%}.order-card-timeline{grid-template-columns:1fr}}.order-notes-panel{flex-direction:column;flex:1;animation:.22s slide-in-right;display:flex;overflow:hidden}@keyframes slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.onp-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:14px 18px 10px;display:flex}.onp-header-left{flex-direction:column;gap:2px;display:flex}.onp-title{color:var(--text-1);font-size:15px;font-weight:800}.onp-subtitle{color:var(--text-3);font-size:11px}.onp-close{color:var(--text-3);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:20px;line-height:1}.onp-close:hover{color:var(--text-1)}.onp-services{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;gap:6px;padding:10px 18px;display:flex}.onp-service-chip{color:var(--text-3);background:var(--bg-3);border:1px solid var(--border);white-space:nowrap;border-radius:20px;padding:2px 9px;font-size:10px;font-weight:600}.onp-service-chip.total{color:#22c55e;background:#22c55e14;border-color:#22c55e40}.onp-service-chip.done{color:#22c55e;background:#22c55e0f;border-color:#22c55e4d;-webkit-text-decoration:line-through #22c55e73;text-decoration:line-through #22c55e73}.onp-thread{flex-direction:column;flex:1;gap:12px;padding:16px 18px;display:flex;overflow-y:auto}.onp-bubble{background:var(--bg-3);border:1px solid var(--border);border-radius:14px 14px 14px 4px;align-self:flex-start;max-width:78%;padding:10px 14px}.onp-bubble.own{background:#38bdf81a;border-color:#38bdf847;border-radius:14px 14px 4px;align-self:flex-end}.onp-bubble.admin{background:#a78bfa1a;border-color:#a78bfa47;align-self:flex-start}.onp-bubble-meta{align-items:center;gap:8px;margin-bottom:5px;display:flex}.onp-bubble-author{color:var(--text-2);font-size:11px;font-weight:700}.onp-bubble.admin .onp-bubble-author{color:#a78bfa}.onp-bubble.own .onp-bubble-author{color:var(--accent)}.onp-bubble-time{color:var(--text-3);font-size:10px}.onp-bubble-body{color:var(--text-1);white-space:pre-wrap;font-size:13px;line-height:1.55}.onp-bubble-actions{gap:8px;margin-top:6px;display:flex}.onp-bubble-btn{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:0;font-size:10px;transition:color .12s}.onp-bubble-btn:hover{color:var(--text-1)}.onp-bubble-btn.danger:hover{color:#f87171}.onp-edit-wrap{flex-direction:column;gap:6px;display:flex}.onp-edit-ta{background:var(--bg-2);border:1px solid var(--accent);width:100%;min-height:56px;color:var(--text-1);resize:vertical;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.5}.onp-edit-actions{gap:8px;display:flex}.onp-edit-save{color:var(--accent);cursor:pointer;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:5px;padding:3px 10px;font-size:11px;font-weight:700}.onp-edit-save:hover{background:#38bdf82e}.onp-edit-cancel{color:var(--text-3);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:5px;padding:3px 10px;font-size:11px}.onp-edit-cancel:hover{color:var(--text-1)}.onp-composer{border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:10px;padding:12px 18px;display:flex}.onp-composer-input{background:var(--bg-3);border:1px solid var(--border);color:var(--text-1);resize:none;border-radius:10px;flex:1;min-height:40px;max-height:120px;padding:10px 14px;font-family:inherit;font-size:13px;line-height:1.5;transition:border-color .14s}.onp-composer-input:focus{border-color:var(--accent);outline:none}.onp-composer-input::placeholder{color:var(--text-3)}.onp-send-btn{background:var(--accent);color:#020810;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:900;transition:opacity .14s;display:flex}.onp-send-btn:disabled{opacity:.35;cursor:not-allowed}.onp-send-btn:hover:not(:disabled){opacity:.82}.po-service-label-inner{align-items:center;gap:6px;display:flex}.po-info-wrap{flex-shrink:0;align-items:center;display:flex;position:relative}.po-info-btn{border:1.5px solid var(--border-h);background:var(--bg-3);width:16px;height:16px;color:var(--text-3);cursor:pointer;font-size:10px;font-weight:700;line-height:1;font-family:var(--font);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .14s;display:flex}.po-info-btn:hover{border-color:var(--accent);color:var(--accent);background:#38bdf81a}.po-tooltip{border:1px solid var(--border-h);color:var(--text-2);white-space:nowrap;z-index:200;pointer-events:none;background:#1a1f2e;border-radius:7px;padding:7px 11px;font-size:11px;animation:.1s tooltip-in;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 6px 20px #00000080}.po-tooltip:after{content:"";border:5px solid #0000;border-top-color:#1a1f2e;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes tooltip-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.po-info-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#020810bf;justify-content:center;align-items:center;animation:.15s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.po-info-modal{background:var(--bg-2);border:1px solid var(--border-h);border-radius:14px;width:calc(100% - 40px);max-width:420px;padding:28px 28px 24px;animation:.18s modal-in;box-shadow:0 24px 60px #0009}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.po-info-modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.po-info-modal-title{color:var(--text-1);font-size:17px;font-weight:800;line-height:1.2}.po-info-modal-close{color:var(--text-3);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 0 0 12px;font-size:22px;line-height:1}.po-info-modal-close:hover{color:var(--text-1)}.po-info-modal-price{color:#22c55e;margin-bottom:14px;font-size:22px;font-weight:900}.po-info-modal-unit{color:var(--text-3);font-size:12px;font-weight:500}.po-info-modal-body{color:var(--text-2);margin-bottom:20px;font-size:13px;line-height:1.7}.po-info-modal-cta{color:#fff;cursor:pointer;width:100%;font-size:13px;font-weight:700;font-family:var(--font);background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:8px;padding:11px 0;transition:opacity .14s}.po-info-modal-cta:hover{opacity:.85}.po-split-row{align-items:stretch;gap:16px;margin-bottom:20px;display:flex}.po-split-panel{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex:1;gap:8px;min-width:0;padding:16px;display:flex}.po-split-panel .po-demo-grid{flex-wrap:wrap;flex:1;gap:5px;display:flex;overflow-y:auto}.po-split-panel .po-demo-chip{padding:4px 9px;font-size:10px}.po-split-panel .po-dropzone{flex:1;min-height:80px}.po-split-textarea{resize:none;flex:1;min-height:80px}.po-folder-btn{border:1px solid var(--border);width:100%;height:34px;color:var(--text-2);font-size:12px;font-family:var(--font);cursor:pointer;background:0 0;border-radius:7px;margin-top:4px;transition:all .15s}.po-folder-btn:hover:not(:disabled){background:var(--bg-3);border-color:var(--border-h);color:var(--text-1)}.po-folder-btn:disabled{opacity:.5;cursor:not-allowed}