@font-face{font-family:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6h9Q.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/dmsans/v17/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIH7w4qzmVxm2NL9Hz_.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Syne;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIH7w4qzmVxm25L9Hz_.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIH7w4qzmVxm2BL9A.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIH7w4qzmVxm2NL9Hz_.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Syne;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIH7w4qzmVxm25L9Hz_.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIH7w4qzmVxm2BL9A.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIH7w4qzmVxm2NL9Hz_.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Syne;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIH7w4qzmVxm25L9Hz_.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIH7w4qzmVxm2BL9A.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIH7w4qzmVxm2NL9Hz_.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIH7w4qzmVxm25L9Hz_.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIH7w4qzmVxm2BL9A.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIH7w4qzmVxm2NL9Hz_.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Syne;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIH7w4qzmVxm25L9Hz_.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne;font-style:normal;font-weight:800;font-display:swap;src:url(https://fonts.gstatic.com/s/syne/v24/8vIH7w4qzmVxm2BL9A.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #f5f6f8;--bg2: #ffffff;--bg3: #f1f3f6;--bg4: #e9ecef;--border: #e9ecef;--border2: #dee2e6;--border3: #ced4da;--text: #343a40;--text2: #6c757d;--text3: #adb5bd;--accent: #64b0f2;--accent2: #4a9ce8;--accentg: #64b0f21a;--teal: #1bb99a;--tealg: #1bb99a11;--pink: #ff7aa3;--pinkg: #ff7aa311;--amber: #f1b53d;--ambg: #f1b53d11;--green: #1bb99a;--greeng: #1bb99a11;--red: #ff5d48;--sidebar-dark: #343a40;--sidebar-dark2: #3a4047;--r: 4px;--r2: 6px;--r3: 8px;--shadow: 0 4px 24px #00000044}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;font-size:14px}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:10px}.shell{display:flex;min-height:100vh}.sidebar{width:240px;min-width:240px;background:var(--sidebar-dark);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.main{flex:1;overflow-x:hidden}.sb-nav{padding:16px 10px 10px;flex:1}.nav-section{padding:0 0 4px}.nav-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#adb5bd;padding:10px 6px 6px}.nav-grid{display:flex;flex-wrap:wrap}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:30%;margin:0 2% 14px 0;padding:6px 2px;border-radius:6px;cursor:pointer;color:#fff;font-size:10px;text-align:center;text-decoration:none;transition:background .15s}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:#ffffff1f;color:#fff}.nav-item .ni{font-size:20px;color:#fff;line-height:1}.nav-badge{position:absolute;margin-top:-18px;margin-left:14px;font-size:9px;background:var(--accent);color:#fff;padding:1px 5px;border-radius:10px;font-weight:600}.nav-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--teal)}.sb-user{padding:10px;border-top:1px solid #ffffff1a}.user-card{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;background:#ffffff0f;cursor:pointer;transition:background .15s}.user-card:hover{background:#ffffff1a}.avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;font-family:Syne,sans-serif}.mini-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;font-family:Syne,sans-serif}.user-name{font-size:12px;font-weight:600;color:#fff}.user-role{font-size:11px;color:#adb5bd}.user-info{flex:1;min-width:0;overflow:hidden}.header{padding:0 20px 0 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;background:#fff;position:sticky;top:0;z-index:10;height:60px}.logo-box{width:240px;min-width:240px;height:60px;display:flex;align-items:center;gap:10px;padding:0 20px;background:var(--sidebar-dark)}.logo-icon-tb{width:32px;height:32px;border-radius:4px;background:linear-gradient(135deg,var(--accent),var(--teal));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;font-family:Syne,sans-serif;flex-shrink:0}.logo-text-tb{font-family:Syne,sans-serif;font-size:15px;font-weight:700;color:#fff}.h-title{font-family:Syne,sans-serif;font-size:17px;font-weight:700;flex:1;color:var(--text)}.h-search{display:flex;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--border2);border-radius:4px;padding:7px 12px;flex:1;max-width:280px}.h-search input{background:none;border:none;outline:none;color:var(--text);font-size:13px;width:100%}.h-search input::placeholder{color:var(--text3)}.h-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:4px;border:1px solid var(--border2);background:var(--bg3);color:var(--text2);font-size:13px;transition:all .15s}.h-btn:hover{border-color:var(--border3);color:var(--text)}.h-btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.h-btn.primary:hover{background:#17a589}.notif{width:34px;height:34px;border-radius:50%;border:1px solid var(--border2);background:var(--bg3);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;font-size:16px;flex-shrink:0}.notif-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--red);border:2px solid #fff}.notif-panel{position:absolute;top:60px;right:28px;width:300px;background:var(--bg2);border:1px solid var(--border2);border-radius:4px;box-shadow:0 8px 32px #00000026;z-index:50;overflow:hidden}.notif-hd{padding:12px 16px;font-size:13px;font-weight:600;border-bottom:1px solid var(--border);color:var(--text)}.notif-item{padding:10px 16px;font-size:12px;color:var(--text2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}.notif-dot-colored{width:7px;height:7px;border-radius:50%;flex-shrink:0}.page-content{padding:28px}.page-title-box{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:10px}.page-title{font-size:18px;font-weight:600;color:var(--text);margin:0}.breadcrumb{display:flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0;font-size:13px}.breadcrumb-item{color:var(--text3)}.breadcrumb-item a{color:var(--text3);text-decoration:none}.breadcrumb-item+.breadcrumb-item:before{content:"/";margin-right:6px;color:var(--text3)}.breadcrumb-item.active{color:var(--text2)}.card-box{background:#fff;border-radius:var(--r3);padding:20px;box-shadow:0 0 20px #0000000d;margin-bottom:20px}.header-title{font-size:15px;font-weight:600;color:var(--text);margin:0 0 16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:28px}.tilebox-one{background:#fff;border-radius:4px;padding:20px;position:relative;box-shadow:0 0 20px #0000000d}.tile-icon{float:right;margin:0;font-size:28px;color:#adb5bd}.tile-label{font-size:11px;font-weight:500;color:#6c757d;text-transform:uppercase;letter-spacing:.05em;margin:0}.tile-val{font-family:Syne,sans-serif;font-size:24px;font-weight:700;line-height:1;margin:12px 0 0;color:var(--text)}.stat-card{background:#fff;border-radius:4px;padding:20px;position:relative;box-shadow:0 0 20px #0000000d}.stat-card.purple,.stat-card.teal,.stat-card.pink,.stat-card.amber,.stat-card.green{background:#fff}.stat-label{font-size:11px;font-weight:500;color:#6c757d;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px}.stat-val{font-family:Syne,sans-serif;font-size:24px;font-weight:700;line-height:1;color:var(--text)}.stat-sub{font-size:11px;color:var(--text3);margin-top:8px}.stat-up{color:var(--teal)}.stat-dn{color:var(--red)}.section-hd{margin-bottom:20px}.section-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent2);margin-bottom:6px}.section-title{font-family:Syne,sans-serif;font-size:22px;font-weight:700;line-height:1.2}.section-sub{font-size:14px;color:var(--text2);margin-top:6px;max-width:480px}.feat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:32px}.feat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);padding:20px;cursor:pointer;transition:all .22s;position:relative;overflow:hidden}.feat-card:hover{border-color:var(--border3);transform:translateY(-2px);background:var(--bg3)}.feat-icon-wrap{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:22px}.feat-title{font-family:Syne,sans-serif;font-size:15px;font-weight:600;margin-bottom:6px}.feat-desc{font-size:13px;color:var(--text2);line-height:1.6;margin-bottom:14px}.feat-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.chip{font-size:11px;padding:3px 8px;border-radius:5px;font-weight:500;background:var(--bg4);border:1px solid var(--border);color:var(--text3)}.feat-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:12px;margin-top:4px}.feat-status{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500}.feat-status-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.feat-status-dot.off{background:var(--text3)}.feat-order{font-size:11px}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 20px;color:var(--text3)}.table-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;margin-bottom:16px}.table-hd{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.table-hd-title{font-family:Syne,sans-serif;font-size:14px;font-weight:600;flex:1}.count-badge{font-size:12px;color:var(--text3)}table{width:100%;border-collapse:collapse}th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text3);text-align:left;padding:10px 16px;background:var(--bg3);border-bottom:1px solid var(--border);white-space:nowrap}td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;color:var(--text2)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg3)55}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:5px}.badge.active{background:var(--greeng);color:var(--green);border:1px solid #52c41a33}.badge.inactive{background:#ffffff08;color:var(--text3);border:1px solid var(--border)}.badge.premium{background:var(--ambg);color:var(--amber);border:1px solid #ffa94033}.action-btns{display:flex;gap:6px}.act-btn{width:28px;height:28px;border-radius:6px;border:1px solid var(--border2);background:var(--bg3);color:var(--text2);display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s}.act-btn:hover{border-color:var(--border3);color:var(--text)}.act-btn.edit:hover{border-color:#6c63ff44;color:var(--accent2);background:var(--accentg)}.act-btn.del:hover{border-color:#ff4d4f44;color:var(--red);background:#ff4d4f11}.filter-row{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-inp{display:flex;align-items:center;gap:8px;background:var(--bg2);border:1px solid var(--border2);border-radius:4px;padding:7px 12px;flex:1;min-width:160px}.filter-inp input{background:none;border:none;outline:none;color:var(--text);font-size:13px;width:100%}.filter-inp input::placeholder{color:var(--text3)}.filter-select{background:var(--bg2);border:1px solid var(--border2);border-radius:4px;padding:7px 12px;color:var(--text2);font-size:13px;outline:none;cursor:pointer;appearance:none}.modal-overlay{position:fixed;inset:0;background:#000a;z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.modal-overlay.show{opacity:1;pointer-events:all}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r3);padding:24px;width:460px;max-width:95vw;transition:transform .2s;box-shadow:0 24px 64px #000c}.modal-overlay.show .modal{transform:scale(1)}.modal-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-title{font-family:Syne,sans-serif;font-size:16px;font-weight:700}.modal-close{width:28px;height:28px;border-radius:6px;border:1px solid var(--border2);background:none;color:var(--text2);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--bg3);color:var(--text)}.form-group{margin-bottom:14px}.form-lbl{display:block;font-size:11px;font-weight:600;color:var(--text3);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.form-input{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:4px;padding:9px 12px;color:var(--text);font-size:13px;outline:none;transition:border .15s;resize:vertical}.form-input:focus{border-color:#6c63ff66}.form-error{font-size:11px;color:var(--red);margin-top:4px}.modal-footer{display:flex;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.btn-cancel{flex:1;padding:9px;border-radius:4px;border:1px solid var(--border2);background:none;color:var(--text2);font-size:13px;transition:all .15s}.btn-cancel:hover{background:var(--bg3);color:var(--text)}.btn-save{flex:2;padding:9px;border-radius:4px;border:none;background:var(--accent);color:#fff;font-size:13px;font-weight:500;transition:all .15s}.btn-save:hover:not(:disabled){background:var(--accent2)}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-primary{display:inline-flex;align-items:center;padding:8px 18px;border-radius:4px;background:var(--accent);color:#fff;font-size:13px;font-weight:500;border:none;transition:all .15s}.btn-primary:hover{background:var(--accent2)}.icon-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.icon-opt{width:36px;height:36px;border-radius:4px;border:1px solid var(--border2);background:var(--bg3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .15s}.icon-opt:hover,.icon-opt.sel{border-color:#6c63ff66;background:var(--accentg)}.pagination{display:flex;align-items:center;gap:6px;margin-top:16px;justify-content:center}.pag-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--border2);background:var(--bg3);color:var(--text2);font-size:13px;transition:all .15s;display:flex;align-items:center;justify-content:center}.pag-btn:hover:not(:disabled){border-color:var(--border3);color:var(--text)}.pag-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.pag-btn:disabled{opacity:.4;cursor:not-allowed}.plan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:28px}.plan-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);padding:20px;transition:all .2s;cursor:pointer}.plan-card:hover{border-color:var(--border3);transform:translateY(-1px)}.plan-card.featured{border-color:#6c63ff55;background:var(--accentg)}.plan-name{font-family:Syne,sans-serif;font-size:14px;font-weight:700;margin-bottom:4px}.plan-price{font-family:Syne,sans-serif;font-size:28px;font-weight:800;margin-bottom:12px}.plan-price span{font-size:14px;font-weight:400;color:var(--text3)}.plan-features{list-style:none;display:flex;flex-direction:column;gap:8px}.plan-features li{font-size:12px;color:var(--text2);display:flex;align-items:center;gap:7px}.plan-features li:before{content:"\2713";color:var(--green);font-weight:700;flex-shrink:0}.auth-page{min-height:100vh;background:var(--bg)}.auth-topbar{display:flex;justify-content:flex-end;padding:15px 24px 0}.back-to-site-btn{background-color:#1bb99a;padding:8px 14px;border:1px solid aliceblue;color:#f0f8ff;text-decoration:none;font-size:14px;border-radius:4px}.auth-center{display:flex;justify-content:center;padding:40px 20px}.account-card-box{background-color:#fff;padding:7px;border-radius:4px;width:100%;max-width:460px}.auth-card{border:4px solid #64b0f2;border-radius:6px;padding:32px 28px;background:#fff}.auth-logo-wrap{text-align:center;margin-bottom:14px}.auth-logo{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:4px;background:linear-gradient(135deg,#64b0f2,#1bb99a);color:#fff;font-family:Syne,sans-serif;font-weight:700;font-size:18px}.auth-subtitle{text-align:center;text-transform:uppercase;color:#6c757d;font-size:16px;padding:12px 0 20px;margin:0}.auth-page .form-group{margin-bottom:16px}.auth-page label{display:block;font-size:13px;color:#343a40;margin-bottom:6px}.auth-page .form-control{width:100%;box-sizing:border-box;border:1px solid #ced4da;border-radius:4px;padding:8px 12px;font-size:14px;color:#495057;background:#fff;outline:none}.auth-page .form-control:focus{border-color:#64b0f2}.btn-login{background-color:#1bb99a;color:#fff;border:none;padding:10px 0;width:100%;border-radius:4px;font-size:14px;cursor:pointer}.btn-login:disabled{opacity:.6;cursor:not-allowed}.two-col{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-bottom:28px}.act-item{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.act-item:last-child{border-bottom:none}.act-avatar{width:32px;height:32px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;font-family:Syne,sans-serif}.act-body{flex:1;min-width:0}.act-text{font-size:12px;color:var(--text2);line-height:1.5}.act-text strong{color:var(--text);font-weight:500}.act-time{font-size:11px;color:var(--text3);margin-top:2px}.skeleton{background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 900px){.sidebar{display:none}.two-col{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.page-content{padding:16px}.feat-grid,.stats-grid{grid-template-columns:1fr}.filter-row{flex-direction:column;align-items:stretch}}.badge.draft{background:#ffffff08;color:var(--text3);border:1px solid var(--border)}.badge.pending{background:var(--ambg);color:var(--amber);border:1px solid #ffa94033}.badge.submitted{background:#1890ff1a;color:#40a9ff;border:1px solid #1890ff33}.badge.review{background:var(--accentg);color:var(--accent2);border:1px solid #6c63ff33}.badge.sa-pending{background:#d46b0822;color:#ffa940;border:1px solid #d46b0844}.badge.approved{background:var(--greeng);color:var(--green);border:1px solid #52c41a33}.badge.rejected{background:#ff4d4f1a;color:var(--red);border:1px solid #ff4d4f33}.badge.correction{background:var(--ambg);color:var(--amber);border:1px solid #ffa94033}.badge.printed{background:var(--accentg);color:var(--accent2);border:1px solid #6c63ff33}.designer-shell{display:grid;grid-template-columns:200px 1fr 220px;height:calc(100vh - 67px)}.designer-left,.designer-right{background:var(--bg2);border-right:1px solid var(--border);overflow-y:auto;padding:14px 10px}.designer-right{border-right:none;border-left:1px solid var(--border)}.designer-center{background:var(--bg);display:flex;flex-direction:column;align-items:center;padding:24px;gap:14px;overflow:auto}.designer-topbar{display:flex;align-items:center;gap:10px;width:100%;max-width:600px;padding:10px 0}.designer-name-input{background:none;border:none;outline:none;color:var(--text);font-family:Syne,sans-serif;font-size:16px;font-weight:600;flex:1}.designer-name-input::placeholder{color:var(--text3)}.side-toggle{display:flex;background:var(--bg3);border-radius:4px;padding:3px;gap:2px}.side-toggle-btn{padding:6px 16px;border-radius:6px;font-size:12px;font-weight:500;color:var(--text3);background:none;border:none;cursor:pointer;transition:all .15s}.side-toggle-btn.active{background:var(--accent);color:#fff}.field-palette-section{margin-bottom:14px}.field-palette-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);padding:0 6px 6px}.field-palette-btn{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border-radius:7px;background:none;border:none;color:var(--text2);font-size:12px;cursor:pointer;text-align:left;transition:all .12s}.field-palette-btn:hover{background:var(--accentg);color:var(--accent2)}.field-palette-icon{font-size:14px;width:16px;text-align:center;flex-shrink:0}.id-canvas{position:relative;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px var(--border2),0 20px 50px #0006;flex-shrink:0;transition:width .25s,height .25s}.id-canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#9ca3af;font-size:12px;pointer-events:none}.canvas-element{position:absolute;cursor:move;display:flex;align-items:center;border:1.5px dashed transparent;border-radius:2px;padding:2px 4px;transition:border-color .1s;overflow:hidden}.canvas-element:hover{border-color:#6c63ff66}.canvas-element.selected{border-color:var(--accent)!important;border-style:solid}.canvas-resize-handle{position:absolute;bottom:-4px;right:-4px;width:13px;height:13px;background:var(--accent);border-radius:3px 0 4px;cursor:se-resize;display:none;align-items:center;justify-content:center;font-size:8px;color:#fff}.canvas-element.selected .canvas-resize-handle{display:flex}.canvas-upload-overlay{position:absolute;inset:0;background:#000a;display:none;align-items:center;justify-content:center;flex-direction:column;gap:3px;font-size:9px;color:#fff;cursor:pointer;border-radius:2px}.canvas-element:hover .canvas-upload-overlay{display:flex}.canvas-upload-overlay input{position:absolute;inset:0;opacity:0;cursor:pointer}.designer-hint{font-size:11px;color:var(--text3);text-align:center}.prop-panel-title{font-size:11px;font-weight:600;color:var(--text);margin-bottom:12px}.prop-row{margin-bottom:12px}.prop-label{font-size:10px;color:var(--text3);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.prop-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:6px}.prop-input{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:6px;padding:5px 8px;color:var(--text);font-size:12px;outline:none}.prop-input:focus{border-color:#6c63ff66}.prop-color{width:100%;height:30px;border-radius:6px;cursor:pointer;border:1px solid var(--border2)}.prop-empty{font-size:12px;color:var(--text3);text-align:center;padding:30px 10px;line-height:1.7}.prop-delete-btn{width:100%;padding:8px;border-radius:4px;border:1px solid #ff4d4f44;background:#ff4d4f11;color:var(--red);font-size:12px;cursor:pointer;margin-top:10px}.prop-delete-btn:hover{background:#ff4d4f22}.prop-upload-btn{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:7px;background:var(--accentg);color:var(--accent2);font-size:12px;cursor:pointer;border:1px solid #6c63ff33;position:relative;overflow:hidden}.prop-upload-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.id-card-mini{width:170px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px #0002;flex-shrink:0}.id-card-mini-head{background:var(--accent);padding:5px 8px;font-size:8px;color:#fff;font-weight:600}.id-card-mini-body{display:flex;gap:6px;padding:8px}.id-card-mini-photo{width:32px;height:40px;background:#e5e7eb;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:16px;overflow:hidden}.id-card-mini-photo img{width:100%;height:100%;object-fit:cover}.id-card-mini-info{flex:1;font-size:8px;color:#374151;line-height:1.7}.id-card-mini-name{font-weight:700;font-size:10px;color:#111827}.id-card-mini-qr{width:22px;height:22px;align-self:flex-end;flex-shrink:0;background:repeating-linear-gradient(0deg,#000 0 2px,#fff 2px 4px),repeating-linear-gradient(90deg,#000 0 2px,#fff 2px 4px);opacity:.65;border-radius:2px}.status-steps{display:flex;justify-content:space-between;position:relative;margin:14px 0 8px}.status-steps:before{content:"";position:absolute;top:14px;left:14px;right:14px;height:2px;background:var(--border);z-index:0}.status-step{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1;flex:1}.status-step-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);background:var(--bg2);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text3);transition:all .3s}.status-step-dot.done{background:var(--accent);border-color:var(--accent);color:#fff}.status-step-dot.active{background:var(--accentg);border-color:var(--accent);color:var(--accent2);box-shadow:0 0 0 4px #6c63ff22}.status-step-dot.rejected{background:#ff4d4f1a;border-color:var(--red);color:var(--red)}.status-step-label{font-size:10px;color:var(--text3);text-align:center;line-height:1.3}.status-step-label.active-label{color:var(--text);font-weight:500}.status-progress-track{height:4px;background:var(--border);border-radius:2px;margin:8px 0 16px;overflow:hidden}.status-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .5s}.banner{border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;margin-top:14px}.banner.banner-warn{background:var(--ambg);border:1px solid #ffa94033}.banner.banner-success{background:var(--greeng);border:1px solid #52c41a33}.banner.banner-info{background:var(--accentg);border:1px solid #6c63ff33}.banner.banner-danger{background:#ff4d4f1a;border:1px solid #ff4d4f33}.banner-icon{font-size:24px;flex-shrink:0}.banner-title{font-size:13px;font-weight:600}.banner-text{font-size:12px;color:var(--text2);margin-top:2px}.drop-zone{border:1.5px dashed var(--border2);border-radius:var(--r2);padding:36px 20px;text-align:center;background:var(--bg2);cursor:pointer;transition:all .2s}.drop-zone:hover,.drop-zone.dragging{border-color:var(--accent);background:var(--accentg)}.drop-zone-icon{font-size:32px;color:var(--accent2);margin-bottom:8px}.drop-zone-text{font-size:13px;color:var(--text2);font-weight:500}.drop-zone-sub{font-size:11px;color:var(--text3);margin-top:4px}.batch-size-group{display:flex;background:var(--bg3);border-radius:4px;padding:3px;gap:2px}.batch-size-btn{padding:5px 11px;border-radius:6px;font-size:11px;font-weight:500;color:var(--text3);background:none;border:none;cursor:pointer;transition:all .15s}.batch-size-btn.active{background:var(--accent);color:#fff}.print-card{position:relative;background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);padding:12px;cursor:pointer;transition:all .15s;text-align:center}.print-card:hover{border-color:var(--border3)}.print-card.selected{border-color:var(--accent);background:var(--accentg)}.print-card-check{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;border:2px solid var(--border2);background:var(--bg2);display:flex;align-items:center;justify-content:center;transition:all .15s}.print-card.selected .print-card-check{background:var(--accent);border-color:var(--accent);color:#fff;font-size:10px}.report-tabs{display:flex;background:var(--bg3);border-radius:10px;padding:4px;gap:2px;overflow-x:auto}.report-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:4px;font-size:12px;font-weight:500;color:var(--text3);background:none;border:none;cursor:pointer;white-space:nowrap;transition:all .15s}.report-tab.active{background:var(--accent);color:#fff}.audit-timeline{position:relative;padding-left:18px}.audit-timeline:before{content:"";position:absolute;left:5px;top:2px;bottom:2px;width:1px;background:var(--border)}.audit-item{position:relative;margin-bottom:14px}.audit-dot{position:absolute;left:-18px;top:3px;width:9px;height:9px;border-radius:50%;background:var(--accent);border:2px solid var(--bg2)}.audit-time{font-size:10px;color:var(--text3)}.audit-action{font-size:12px;color:var(--text);font-weight:500;margin-top:1px}.audit-action span{color:var(--text3);font-weight:400}.audit-remark{font-size:11px;color:var(--text2);margin-top:2px;font-style:italic}.doc-chip{display:flex;align-items:center;justify-content:space-between;background:var(--bg3);border-radius:7px;padding:7px 10px;margin-bottom:5px;font-size:11px}.doc-chip-remove{color:var(--red);cursor:pointer;font-size:11px}.quick-action-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:20px}.quick-action-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r2);padding:18px;cursor:pointer;transition:all .2s;text-decoration:none;display:block}.quick-action-card:hover{border-color:var(--border3);transform:translateY(-2px);background:var(--bg3)}.quick-action-icon{font-size:22px;margin-bottom:10px}.quick-action-title{font-family:Syne,sans-serif;font-size:14px;font-weight:600;color:var(--text);margin-bottom:4px}.quick-action-desc{font-size:12px;color:var(--text3)}.avatar-sm{width:26px;height:26px;border-radius:7px;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--pink));display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;font-family:Syne,sans-serif}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa0ZL7SUc.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa25L7SUc.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.pp-app *{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}.pp-app{background-color:#f8f9fe;color:#333;overflow-x:hidden;max-width:100vw}.pp-app .dashboard-container{display:flex;min-height:100vh;overflow-x:hidden;max-width:100vw}.pp-app .sidebar{width:260px;background:#fff;border-right:1px solid #eaeaea;display:flex;flex-direction:column;padding:20px;position:fixed;height:100vh;overflow-y:auto}.pp-app .sidebar-logo img{width:130px;margin-bottom:30px}.pp-app .sidebar-menu{display:flex;flex-direction:column;gap:8px;flex:1}.pp-app .menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;color:#555;text-decoration:none;font-size:14px;font-weight:500;border-radius:8px;transition:.2s}.pp-app .menu-item i{font-size:16px;width:20px;text-align:center}.pp-app .menu-item:hover,.pp-app .menu-item.active{background-color:#f1f0ff;color:#635bff}.pp-app .menu-item.highlight{color:#635bff;font-weight:600}.pp-app .menu-item-chevron{margin-left:auto;font-size:14px!important;width:auto!important;color:#bbb}.pp-app .menu-item.coming-soon{cursor:not-allowed;color:#aaa}.pp-app .menu-item.coming-soon:hover{background:none;color:#aaa}.pp-app .menu-item.coming-soon i{color:#ccc}.pp-app .menu-subitem{display:flex;align-items:center;gap:8px;padding:8px 20px 8px 44px;margin-left:20px;border-left:2px solid #eee;font-size:12.5px;font-weight:500;color:#888;text-decoration:none;border-radius:0 8px 8px 0}.pp-app .menu-subitem:hover{background:#f8f9fe;color:#555}.pp-app .menu-subitem.active{border-left-color:#635bff;background:#f3f0ff;color:#635bff;font-weight:700}.pp-app .soon-tag{margin-left:auto;background:#f1f1f5;color:#999;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 7px;border-radius:10px}.pp-app .menu-category{font-size:13px;color:#777;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.pp-app .menu-divider{height:1px;background:#eee;margin:10px 0}.pp-app .badge{background:#635bff;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;margin-left:auto}.pp-app .support-card{background:linear-gradient(135deg,#f5f3ff,#ede9fe);padding:16px;border-radius:12px;text-align:center;margin-top:auto}.pp-app .support-icon{font-size:20px;color:#635bff;margin-bottom:8px}.pp-app .support-card h4{font-size:14px;margin-bottom:4px}.pp-app .support-card p{font-size:11px;color:#666;margin-bottom:12px}.pp-app .support-btn{background:#635bff;color:#fff;border:none;padding:8px 14px;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;width:100%}.pp-app .main-content{margin-left:260px;flex:1;min-width:0;max-width:calc(100vw - 260px);padding:16px 20px;box-sizing:border-box;overflow-x:hidden}.pp-app.pp-sidebar-hidden .main-content{margin-left:0;max-width:100vw;padding:0}.pp-app .pp-designer-menu-toggle{position:fixed;top:14px;left:14px;z-index:500;width:40px;height:40px;border-radius:10px;border:1px solid #eaeaea;background:#fff;color:#333;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;box-shadow:0 2px 8px #0f172a1f}.pp-app .pp-designer-menu-toggle:hover{background:#f8f9fe;color:#635bff}.pp-app .navbar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px 20px;border-radius:12px;border:1px solid #eaeaea;margin-bottom:16px;width:100%;box-sizing:border-box}.pp-app .nav-left{display:flex;align-items:center;gap:16px;flex:1;max-width:500px}.pp-app .menu-toggle{background:none;border:none;font-size:18px;cursor:pointer;color:#555}.pp-app .search-box{display:flex;align-items:center;background:#f8f9fe;border:1px solid #e2e8f0;padding:8px 14px;border-radius:20px;width:100%;gap:10px}.pp-app .search-box i{color:#888}.pp-app .search-box input{border:none;background:none;outline:none;font-size:14px;width:100%}.pp-app .nav-right{display:flex;align-items:center;gap:20px}.pp-app .notification-icon{position:relative;font-size:18px;color:#555;cursor:pointer}.pp-app .notification-icon .dot{position:absolute;top:-5px;right:-5px;background:#635bff;color:#fff;font-size:9px;padding:1px 4px;border-radius:50%}.pp-app .user-profile{display:flex;align-items:center;gap:10px}.pp-app .user-profile img{width:36px;height:36px;border-radius:50%;object-fit:cover}.pp-app .user-info{display:flex;flex-direction:column}.pp-app .welcome-text{font-size:11px;color:#888}.pp-app .user-name{font-size:13px;font-weight:600;color:#333}.pp-app .logout-btn{background:#635bff;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.pp-app .hero-banner{background:linear-gradient(135deg,#f0edff,#e8edff);border-radius:12px;padding:12px 18px;display:flex;justify-content:flex-start;align-items:center;margin-bottom:16px;border:1px solid #dcd7fe;box-sizing:border-box;width:100%}.pp-app .hero-tags{display:flex;gap:10px;flex-wrap:wrap}.pp-app .hero-tags span{background:#fff;border:1px solid #c7d2fe;padding:6px 14px;font-size:12px;font-weight:500;border-radius:20px;color:#4338ca}.pp-app .action-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px;width:100%;box-sizing:border-box}.pp-app .action-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:14px;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;min-width:0;box-shadow:0 1px 3px #00000005}.pp-app .card-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:10px;flex-shrink:0}.card-icon.purple{background:#f3e8ff;color:#7c3aed}.card-icon.pink{background:#fce7f3;color:#db2777}.card-icon.blue{background:#e0f2fe;color:#0284c7}.card-icon.orange{background:#ffedd5;color:#ea580c}.card-icon.green{background:#dcfce7;color:#16a34a}.pp-app .action-card h3{font-size:14px;font-weight:600;margin:0 0 4px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.pp-app .action-card p{font-size:11px;color:#6b7280;margin:0 0 12px;line-height:1.35;min-height:28px;flex:1}.pp-app .card-btn{width:100%;padding:7px 10px;border:none;border-radius:6px;font-size:11.5px;font-weight:600;cursor:pointer;text-align:center;box-sizing:border-box;white-space:nowrap}.pp-app .card-btn.pp-disabled,.pp-app .card-btn:disabled{background:#f1f5f9!important;color:#94a3b8!important;cursor:not-allowed}.purple-btn{background:#635bff;color:#fff}.pink-btn{background:#e11d48;color:#fff}.blue-btn{background:#2563eb;color:#fff}.orange-btn{background:#ea580c;color:#fff}.green-btn{background:#16a34a;color:#fff}.pp-app .templates-section{background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:20px 24px;margin-bottom:24px}.pp-app .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pp-app .section-header h2{font-size:17px;font-weight:700;display:flex;align-items:baseline;gap:10px;color:#111827;margin:0}.pp-app .subtitle{font-size:12.5px;font-weight:400;color:#6b7280}.pp-app .view-all{font-size:12.5px;color:#635bff;text-decoration:none;font-weight:600}.pp-app .filter-chips{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px}.pp-app .chip{background:#f8f9fe;border:1px solid #e2e8f0;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:500;color:#555;cursor:pointer;white-space:nowrap}.pp-app .template-slider{display:flex;align-items:center;position:relative}.pp-app .template-cards-container{display:flex;gap:16px;overflow-x:auto;width:100%}.pp-app .t-card{min-width:130px;background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:12px;text-align:left;text-decoration:none;color:inherit;display:block;box-shadow:0 1px 3px #00000005}.pp-app .t-icon-tile{width:100%;height:90px;border-radius:8px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;font-size:26px;color:#635bff;background:#f0edff}.pp-app .t-card h4{font-size:12.5px;font-weight:600;color:#111827;margin:0 0 2px}.pp-app .t-card p{font-size:11px;color:#9ca3af;margin:0}.pp-app .features-footer{background:#fff;border:1px solid #eaeaea;border-radius:16px;padding:20px 24px;display:flex;justify-content:space-between}.pp-app .feature-item{display:flex;align-items:center;gap:14px}.pp-app .f-icon{font-size:20px;color:#635bff;background:#f3f0ff;width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.pp-app .feature-item h4{font-size:14px;font-weight:600;margin-bottom:2px}.pp-app .feature-item p{font-size:12px;color:#666}.pp-app .sidebar{justify-content:flex-start}.pp-app .user-avatar{width:36px;height:36px;border-radius:50%;background:#635bff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.pp-app .dropdown-wrap{position:relative}.pp-app .dropdown-panel{position:absolute;top:40px;right:0;width:300px;background:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 12px 32px #0000001f;z-index:50;overflow:hidden}.pp-app .dropdown-hd{padding:12px 16px;font-size:13px;font-weight:700;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;color:#333}.pp-app .dropdown-hd button{background:none;border:none;color:#635bff;font-size:11px;font-weight:600;cursor:pointer}.pp-app .dropdown-list{max-height:300px;overflow-y:auto}.pp-app .dropdown-item{display:flex;gap:10px;padding:10px 16px;cursor:pointer;border-bottom:1px solid #f4f4f8}.pp-app .dropdown-item:hover{background:#f8f9fe}.pp-app .dropdown-dot{width:8px;height:8px;border-radius:50%;background:#635bff;margin-top:5px;flex-shrink:0}.pp-app .dropdown-dot.read{background:#ddd}.pp-app .dropdown-item-title{font-size:12px;font-weight:600;color:#333}.pp-app .dropdown-item-msg{font-size:11px;color:#777;margin-top:2px}.pp-app .dropdown-item-time{font-size:10px;color:#aaa;margin-top:3px}.pp-app .dropdown-empty{padding:24px 16px;text-align:center;font-size:12px;color:#999}.pp-app .dropdown-panel a,.pp-app .dropdown-panel .dropdown-menu-item{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:13px;color:#555;text-decoration:none;cursor:pointer;border-bottom:1px solid #f4f4f8}.pp-app .dropdown-panel a:hover,.pp-app .dropdown-panel .dropdown-menu-item:hover{background:#f8f9fe}.pp-app .dropdown-panel .dropdown-menu-item.danger{color:#e11d48}.pp-app .notification-icon{display:flex;align-items:center;justify-content:center}.pp-app .stats-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px;width:100%;box-sizing:border-box}.pp-app .stat-tile{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:14px 16px;box-sizing:border-box;min-width:0;box-shadow:0 1px 3px #00000005}.pp-app .stat-tile .stat-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;margin-bottom:8px}.pp-app .stat-tile .stat-icon.purple{background:#f3e8ff;color:#7c3aed}.pp-app .stat-tile .stat-icon.blue{background:#e0f2fe;color:#0284c7}.pp-app .stat-tile .stat-icon.indigo{background:#e0e7ff;color:#4338ca}.pp-app .stat-tile .stat-icon.green{background:#dcfce7;color:#16a34a}.pp-app .stat-tile .stat-label{font-size:10px;color:#9ca3af;font-weight:600;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.pp-app .stat-tile .stat-val{font-size:20px;font-weight:700;color:#111827;margin-top:2px}.pp-app .stat-skel{height:12px;background:#eee;border-radius:4px;animation:pp-pulse 1.4s ease-in-out infinite}@keyframes pp-pulse{0%,to{opacity:1}50%{opacity:.4}}.pp-app .core-features-section{background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:20px 24px;margin-bottom:24px}.pp-app .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pp-app .feat-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:16px 18px;cursor:pointer;transition:.15s;text-decoration:none;color:inherit;display:block;box-shadow:0 1px 3px #00000005}.pp-app .feat-card:hover{border-color:#c7bfff;box-shadow:0 4px 14px #635bff14}.pp-app .feat-icon-wrap{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:12px;background:#f3f0ff}.pp-app .feat-title{font-size:14px;font-weight:600;margin-bottom:4px;color:#111827}.pp-app .feat-desc{font-size:11.5px;color:#6b7280;line-height:1.4;margin-bottom:12px;min-height:32px}.pp-app .feat-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.pp-app .feat-chips .chip{background:#eef2ff;border:none;color:#4338ca;padding:4px 10px;border-radius:14px;font-size:11px;font-weight:500}.pp-app .feat-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:500}.pp-app .feat-status{display:flex;align-items:center;gap:6px}.pp-app .feat-status-dot{width:7px;height:7px;border-radius:50%;background:#16a34a}.pp-app .feat-status-dot.off{background:#ccc}.pp-app .feat-empty{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#888}.pp-app .activity-section{background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:20px 24px;margin-bottom:24px}.pp-app .activity-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f3f4f6}.pp-app .activity-item:last-child{border-bottom:none}.pp-app .activity-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex-shrink:0}.pp-app .activity-body{display:flex;flex-direction:column}.pp-app .activity-text{font-size:12.5px;color:#374151}.pp-app .activity-text strong{color:#111827}.pp-app .activity-time{font-size:11px;color:#9ca3af;margin-top:2px}@media (max-width: 768px){.pp-app .sidebar{transform:translate(-100%);transition:transform .2s ease;z-index:100}.pp-app.pp-menu-open .sidebar{transform:translate(0)}.pp-app .main-content{margin-left:0;padding:16px}.pp-app .action-grid,.pp-app .stats-strip{grid-template-columns:repeat(2,1fr)}.pp-app .feat-grid{grid-template-columns:repeat(1,1fr)}}.pp-app .page-header-banner{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #eaeaea;padding:20px 24px;border-radius:14px;margin-bottom:20px}.pp-app .page-header-banner h1{font-size:20px;font-weight:700;margin-bottom:4px}.pp-app .page-header-banner p{font-size:13px;color:#666}.pp-app .how-it-works-btn{background:#f3f0ff;color:#635bff;border:none;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.pp-app .category-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:10px;margin-bottom:20px}.pp-app .cat-box{background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:14px 8px;text-align:center;cursor:pointer;transition:.2s}.pp-app .cat-box.active{background:#f5f3ff;border-color:#635bff}.pp-app .cat-box.active .cat-icon,.pp-app .cat-box.active h3{color:#635bff}.pp-app .cat-icon{font-size:18px;color:#555;margin-bottom:6px}.pp-app .cat-box h3{font-size:11px;font-weight:600;margin-bottom:2px;color:#333}.pp-app .cat-box p{font-size:9px;color:#888;line-height:1.2}.pp-app .more-box{display:flex;flex-direction:column;justify-content:center;align-items:center}.pp-app .sub-filter-chips{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;padding-bottom:4px}.pp-app .chip{background:#fff;border:1px solid #e2e8f0;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:500;color:#555;cursor:pointer;white-space:nowrap}.pp-app .chip.active{background:#eef2ff;border-color:#c7d2fe;color:#4f46e5}.pp-app .grid-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pp-app .results-count{font-size:13px;color:#666}.pp-app .toolbar-filters{display:flex;gap:10px}.pp-app .dropdown-filter{background:#fff;border:1px solid #e2e8f0;padding:6px 12px;border-radius:8px;font-size:12px;color:#444;cursor:pointer;display:flex;align-items:center;gap:8px}.pp-app .templates-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:24px}.pp-app .template-item-card{background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:10px;position:relative;display:flex;flex-direction:column}.pp-app .template-item-card.selected{border-color:#635bff;box-shadow:0 0 0 1px #635bff}.pp-app .t-thumb img{width:100%;height:130px;object-fit:cover;border-radius:8px;margin-bottom:8px}.pp-app .t-details h4{font-size:12px;font-weight:600;margin-bottom:2px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-app .t-details p{font-size:10px;color:#777}.pp-app .fav-btn{position:absolute;top:16px;right:16px;background:#fff;border:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0000001a;color:#555}.pp-app .pagination-footer{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #eaeaea;padding:12px 20px;border-radius:12px}.pp-app .pagination-controls{display:flex;align-items:center;gap:6px}.pp-app .page-num,.pp-app .page-arrow{background:#fff;border:1px solid #e2e8f0;width:32px;height:32px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#444}.pp-app .page-num.active{background:#635bff;color:#fff;border-color:#635bff}.pp-app .page-dots{padding:0 4px;color:#888}.pp-app .per-page-select{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.pp-app .per-page-select select{border:1px solid #e2e8f0;padding:4px 8px;border-radius:6px;outline:none;font-size:12px}.pp-app .category-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.pp-app .card-admin-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px}.pp-app .card-admin-actions button{background:#fff;border:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #00000026;color:#555;font-size:11px}.pp-app .card-admin-actions button:hover{color:#635bff}.pp-app .card-admin-actions button.del:hover{color:#e11d48}.pp-app .t-thumb-fallback{width:100%;height:130px;border-radius:8px;margin-bottom:8px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#635bff;background:linear-gradient(135deg,#f3f0ff,#e0e7ff)}.pp-app .premium-badge{position:absolute;top:10px;left:10px;background:#f1b53d;color:#fff;font-size:9px;font-weight:700;padding:3px 7px;border-radius:999px;z-index:1}.pp-app .templates-grid-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#888}.pp-app .t-skel-card{background:#f8f9fe;border:1px solid #eaeaea;border-radius:12px;padding:10px}@media (max-width: 1200px){.pp-app .templates-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1024px){.pp-app .templates-grid{grid-template-columns:repeat(3,1fr)}.pp-app .category-grid{grid-template-columns:repeat(4,1fr)}}.pp-app .tpl-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pp-app .tpl-add-btn{display:inline-flex;align-items:center;gap:6px;background:#635bff;color:#fff;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #635bff40}.pp-app .tpl-add-btn:hover{background:#5147f5}.pp-app .tpl-card{overflow:hidden;transition:box-shadow .15s,transform .15s}.pp-app .tpl-card:hover{box-shadow:0 8px 22px #0f172a1a;transform:translateY(-2px)}.pp-app .tpl-card .t-thumb img{object-fit:contain;background:#f5f6fa}.pp-app .tpl-card.tpl-hidden .t-thumb,.pp-app .tpl-card.tpl-hidden .t-thumb-fallback{opacity:.45}.pp-app .tpl-status-badge{position:absolute;top:40px;left:10px;z-index:1;background:#374151;color:#fff;font-size:9px;font-weight:700;padding:3px 7px;border-radius:999px}.pp-app .tpl-card:not(:has(.premium-badge)) .tpl-status-badge{top:10px}.pp-app .tpl-use-overlay{position:absolute;left:10px;right:10px;top:10px;height:130px;border-radius:8px;background:#1118278c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;pointer-events:none}.pp-app .tpl-use-overlay span{background:#fff;color:#635bff;font-size:12px;font-weight:700;padding:7px 12px;border-radius:999px}.pp-app .tpl-card:hover .tpl-use-overlay{opacity:1}.pp-app .tpl-card .card-admin-actions{z-index:2}.pp-app .tpl-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#111827;color:#fff;font-size:13px;padding:10px 18px;border-radius:10px;z-index:1200;box-shadow:0 8px 24px #00000040}.pp-app .tpl-modal-back{position:fixed;inset:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px}.pp-app .tpl-modal{background:#fff;border-radius:16px;width:720px;max-width:100%;max-height:calc(100vh - 32px);display:flex;flex-direction:column;box-shadow:0 24px 60px #00000040}.pp-app .tpl-modal-sm{width:420px;padding:24px}.pp-app .tpl-modal-head{display:flex;justify-content:space-between;gap:12px;padding:20px 22px 12px;border-bottom:1px solid #eef0f4}.pp-app .tpl-modal-head h3{margin:0;font-size:18px;color:#111827}.pp-app .tpl-modal-head p{margin:3px 0 0;font-size:12.5px;color:#6b7280}.pp-app .tpl-x{background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;width:34px;height:34px;border-radius:8px}.pp-app .tpl-x:hover{background:#f3f4f6;color:#111827}.pp-app .tpl-modal-body{padding:14px 22px 6px;overflow-y:auto}.pp-app .tpl-modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid #eef0f4}.pp-app .tpl-saving{margin-right:auto;font-size:12.5px;color:#635bff}.pp-app .tpl-step{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#111827;margin:10px 0}.pp-app .tpl-step span{width:22px;height:22px;border-radius:50%;background:#ede9fe;color:#635bff;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.pp-app .tpl-step small,.pp-app .tpl-field small{font-weight:400;color:#9ca3af}.pp-app .tpl-source-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.pp-app .tpl-source-tabs button{border:1.5px solid #e5e7eb;background:#fff;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600;color:#374151;cursor:pointer}.pp-app .tpl-source-tabs button.on{border-color:#635bff;background:#f5f3ff;color:#635bff}.pp-app .tpl-keep{display:flex;align-items:center;gap:12px;background:#f9fafb;border:1px solid #eef0f4;border-radius:10px;padding:10px;font-size:12.5px;color:#4b5563}.pp-app .tpl-keep img{width:90px;height:64px;object-fit:contain;background:#fff;border-radius:6px;border:1px solid #eee}.pp-app .tpl-proj-search{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:10px;padding:7px 12px;margin-bottom:10px;color:#9ca3af}.pp-app .tpl-proj-search input{border:none;outline:none;flex:1;font-size:13px}.pp-app .tpl-proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;max-height:280px;overflow-y:auto;padding:2px}.pp-app .tpl-proj{position:relative;border:1.5px solid #e5e7eb;background:#fff;border-radius:10px;padding:6px;cursor:pointer;text-align:left}.pp-app .tpl-proj:hover{border-color:#c4b5fd}.pp-app .tpl-proj.on{border-color:#635bff;box-shadow:0 0 0 2px #635bff33}.pp-app .tpl-proj-thumb{position:relative;height:92px;background:#f5f6fa;border-radius:6px;overflow:hidden}.pp-app .tpl-proj-name{font-size:11.5px;font-weight:600;color:#374151;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-app .tpl-proj-tick{position:absolute;top:4px;right:4px;color:#635bff;font-size:20px;background:#fff;border-radius:50%;line-height:1}.pp-app .tpl-proj-empty{grid-column:1/-1;text-align:center;color:#6b7280;font-size:12.5px;padding:24px 8px}.pp-app .tpl-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed #d1d5db;border-radius:12px;min-height:160px;padding:14px;cursor:pointer;text-align:center;color:#6b7280;background:#fafafa}.pp-app .tpl-drop:hover{border-color:#635bff;background:#f5f3ff}.pp-app .tpl-drop i{font-size:32px;color:#635bff;display:block}.pp-app .tpl-drop b{display:block;color:#111827;font-size:14px}.pp-app .tpl-drop span{font-size:12px}.pp-app .tpl-drop img{max-height:200px;max-width:100%;object-fit:contain;border-radius:6px}.pp-app .tpl-drop-change{color:#635bff;font-weight:600}.pp-app .tpl-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pp-app .tpl-span2{grid-column:1/-1}.pp-app .tpl-field{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:#4b5563}.pp-app .tpl-field input,.pp-app .tpl-field select{border:1px solid #e5e7eb;border-radius:9px;padding:9px 11px;font-size:13.5px;color:#111827;outline:none;background:#fff}.pp-app .tpl-field input:focus,.pp-app .tpl-field select:focus{border-color:#635bff;box-shadow:0 0 0 3px #635bff1f}.pp-app .tpl-seg{display:flex;border:1px solid #e5e7eb;border-radius:9px;overflow:hidden}.pp-app .tpl-seg button{flex:1;border:none;background:#fff;padding:9px 8px;font-size:12.5px;font-weight:600;color:#6b7280;cursor:pointer}.pp-app .tpl-seg button+button{border-left:1px solid #e5e7eb}.pp-app .tpl-seg button.on{background:#635bff;color:#fff}.pp-app .tpl-cover{display:flex;gap:14px;align-items:center}.pp-app .tpl-cover-img{position:relative;width:150px;height:100px;flex:none;background:#f5f6fa;border:1px solid #eef0f4;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#c4c8d0;font-size:28px}.pp-app .tpl-cover-img img{width:100%;height:100%;object-fit:contain}.pp-app .tpl-cover-text{font-size:12.5px;color:#6b7280}.pp-app .tpl-link-btn{display:inline-flex;align-items:center;gap:4px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;color:#374151;cursor:pointer}.pp-app .tpl-link-btn:hover{border-color:#635bff;color:#635bff}.pp-app .tpl-error{margin:14px 0 4px;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:9px;padding:9px 12px;font-size:12.5px}.pp-app .tpl-btn-ghost{border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:9px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer}.pp-app .tpl-btn-primary{border:none;background:#635bff;color:#fff;border-radius:9px;padding:9px 18px;font-size:13px;font-weight:700;cursor:pointer}.pp-app .tpl-btn-danger{border:none;background:#e11d48;color:#fff;border-radius:9px;padding:9px 18px;font-size:13px;font-weight:700;cursor:pointer}.pp-app .tpl-btn-primary:disabled,.pp-app .tpl-btn-danger:disabled,.pp-app .tpl-btn-ghost:disabled{opacity:.6;cursor:default}.pp-app .tpl-del-ico{width:52px;height:52px;margin:0 auto;border-radius:50%;background:#ffe4e6;color:#e11d48;display:flex;align-items:center;justify-content:center;font-size:26px}@media (max-width: 640px){.pp-app .tpl-grid2{grid-template-columns:1fr}.pp-app .tpl-cover{flex-direction:column;align-items:flex-start}}.pp-app .hero-text h3{font-size:13px;font-weight:700;color:#635bff;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.pp-app .start-bulk-btn{background:#635bff;color:#fff;border:none;padding:12px 22px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;width:fit-content}.pp-app .how-it-works-absolute{position:absolute;top:20px;right:24px;background:#ffffffb3;border:1px solid #c7d2fe;color:#4f46e5;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.pp-app .hero-banner{position:relative}.pp-app .section-title-wrapper{display:flex;justify-content:space-between;align-items:center;margin:8px 0 14px}.pp-app .section-title-wrapper h2{font-size:17px;font-weight:700;color:#1a1a1a}.pp-app .view-all-link{font-size:13px;color:#635bff;font-weight:600;text-decoration:none}.pp-app .create-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:24px}.pp-app .create-card{background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:18px 14px;text-align:center;transition:.15s}.pp-app .create-card:hover{border-color:#c7bfff;transform:translateY(-2px)}.pp-app .create-icon{width:42px;height:42px;border-radius:10px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;font-size:18px}.pp-app .card-blue .create-icon{background:#e0f2fe;color:#0284c7}.pp-app .card-green .create-icon{background:#dcfce7;color:#16a34a}.pp-app .card-orange .create-icon{background:#ffedd5;color:#ea580c}.pp-app .card-purple .create-icon{background:#f3e8ff;color:#9333ea}.pp-app .create-card h3{font-size:13px;font-weight:600;margin-bottom:4px;color:#222}.pp-app .create-card p{font-size:10px;color:#888;line-height:1.3}.pp-app .middle-row{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-bottom:24px}.pp-app .card-container-box{background:#fff;border:1px solid #eaeaea;border-radius:16px;padding:22px}.pp-app .card-container-box h2{font-size:15px;font-weight:700;margin-bottom:16px;color:#1a1a1a}.pp-app .steps-flex{display:flex;align-items:flex-start;gap:4px;flex-wrap:wrap}.pp-app .step-item{flex:1;min-width:90px;text-align:center}.pp-app .step-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;margin:0 auto 8px;color:#fff}.pp-app .step-1{background:#0284c7}.pp-app .step-2{background:#16a34a}.pp-app .step-3{background:#9333ea}.pp-app .step-4{background:#ea580c}.pp-app .step-5{background:#635bff}.pp-app .step-arrow{color:#ccc;font-size:12px;padding-top:14px}.pp-app .step-item h4{font-size:11px;font-weight:600;margin-bottom:3px;color:#222}.pp-app .step-item p{font-size:9px;color:#888;line-height:1.3}.pp-app .data-options-grid{display:flex;flex-direction:column;gap:14px}.pp-app .data-option-card{background:#f8f9fe;border:1px solid #eaeaea;border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:14px;cursor:pointer}.pp-app .data-option-card h4{font-size:13px;font-weight:600;margin-bottom:4px;color:#222;display:flex;align-items:center;gap:8px}.pp-app .data-option-card.card-green-opt h4{color:#16a34a}.pp-app .data-option-card p{font-size:11px;color:#777;margin-bottom:10px}.pp-app .data-btn-blue,.pp-app .data-btn-green{border:none;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;color:#fff;white-space:nowrap}.pp-app .data-btn-blue{background:#635bff}.pp-app .data-btn-green{background:#16a34a}.pp-app .sub-helper-text{font-size:10px;color:#999;margin-top:6px;text-align:right}.pp-app .projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.pp-app .project-card{background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:14px;display:flex;flex-direction:column;justify-content:space-between}.pp-app .project-top-row{display:flex;gap:10px}.pp-app .project-thumb{width:44px;height:54px;border-radius:6px;flex-shrink:0;background:#f3f0ff;display:flex;align-items:center;justify-content:center;color:#635bff;font-size:16px}.pp-app .project-info h4{font-size:12px;font-weight:600;color:#222;margin-bottom:2px}.pp-app .category-label{font-size:10px;color:#888;margin-bottom:6px}.pp-app .project-stats{display:flex;align-items:center;gap:8px;font-size:10px;color:#666;flex-wrap:wrap}.pp-app .status-pill{font-size:9px;font-weight:700;padding:2px 8px;border-radius:999px}.pp-app .status-pill.approved,.pp-app .status-pill.completed{background:#dcfce7;color:#16a34a}.pp-app .status-pill.datacollection,.pp-app .status-pill.pending{background:#fef3c7;color:#d97706}.pp-app .status-pill.underreview,.pp-app .status-pill.processing{background:#eef2ff;color:#4f46e5}.pp-app .status-pill.created,.pp-app .status-pill.failed{background:#fee2e2;color:#dc2626}.pp-app .project-footer-row{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;border-top:1px solid #f1f1f5}.pp-app .project-date{font-size:10px;color:#999}.pp-app .action-text-btn{background:none;border:none;color:#635bff;font-size:11px;font-weight:600;cursor:pointer}.pp-app .action-text-btn:hover{text-decoration:underline}.pp-app .bulk-stepper{display:flex;align-items:center;gap:0;margin-bottom:22px;background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:16px 22px}.pp-app .bulk-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.pp-app .bulk-step-circle{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#f1f0ff;color:#999;border:2px solid #eee}.pp-app .bulk-step.completed .bulk-step-circle{background:#16a34a;color:#fff;border-color:#16a34a}.pp-app .bulk-step.active .bulk-step-circle{background:#635bff;color:#fff;border-color:#635bff}.pp-app .bulk-step-label{font-size:10px;font-weight:600;color:#999}.pp-app .bulk-step.active .bulk-step-label{color:#333}.pp-app .bulk-step-line{flex:1;height:2px;background:#eee;margin-top:-18px}.pp-app .back-to-overview{display:flex;align-items:center;gap:6px;background:none;border:none;color:#635bff;font-size:13px;font-weight:600;cursor:pointer;margin-bottom:16px}.pp-app .right-panel-card{background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:18px}.pp-app .right-panel-card h3{font-size:14px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.pp-app .id-card-preview-box{border-radius:10px;overflow:hidden;margin-bottom:14px;background:#f3f0ff}.pp-app .id-card-preview-box img{width:100%;display:block}.pp-app .detail-row{display:flex;justify-content:space-between;font-size:11px;padding:6px 0;border-bottom:1px solid #f4f4f8}.pp-app .detail-label{color:#888}.pp-app .detail-value{color:#333;font-weight:600}.pp-app .field-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.pp-app .field-item{display:flex;justify-content:space-between;align-items:center;background:#f8f9fe;border-radius:8px;padding:8px 10px}.pp-app .field-name{font-size:11px;font-weight:500;color:#333;display:flex;align-items:center;gap:6px}.pp-app .field-badge{font-size:9px;font-weight:600;color:#635bff;background:#eef2ff;padding:2px 8px;border-radius:999px}.pp-app .pp-data-table{width:100%;border-collapse:collapse;font-size:11px}.pp-app .pp-data-table th{text-align:left;padding:8px;background:#f8f9fe;color:#888;font-weight:600;white-space:nowrap;position:sticky;top:0}.pp-app .pp-data-table td{padding:7px 8px;color:#444;white-space:nowrap}.pp-app .pp-data-table tr:nth-child(2n){background:#fafafe}@media (max-width: 1200px){.pp-app .create-grid{grid-template-columns:repeat(3,1fr)}.pp-app .projects-grid{grid-template-columns:repeat(2,1fr)}.pp-app .middle-row{grid-template-columns:1fr}}@media (max-width: 900px){.pp-app .create-grid{grid-template-columns:repeat(2,1fr)}.pp-app .projects-grid{grid-template-columns:1fr}}.pp-app .card-pink .create-icon{background:#fce7f3;color:#db2777}.pp-app .card-teal .create-icon{background:#ccfbf1;color:#0d9488}.pp-app .bp-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden}.pp-app .bp-hero .hero-text{max-width:560px;flex-shrink:0}.pp-app .bp-hero-accent{color:#635bff}.pp-app .bp-hero-illustration{position:relative;width:380px;height:260px;flex-shrink:0;display:none}@media (min-width: 1100px){.pp-app .bp-hero-illustration{display:block}}.pp-app .bp-monitor{position:absolute;top:0;left:0;width:240px;height:170px;background:#1a1a2e;border-radius:14px;padding:10px;box-shadow:0 20px 40px #1e145a38}.pp-app .bp-screen{width:100%;height:100%;background:#f3f0ff;border-radius:6px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px}.pp-app .bp-screen-card{border-radius:4px;background:linear-gradient(135deg,#635bff,#a78bfa)}.pp-app .bp-screen-card:nth-child(3n+2){background:linear-gradient(135deg,#0284c7,#38bdf8)}.pp-app .bp-screen-card:nth-child(3n+3){background:linear-gradient(135deg,#16a34a,#4ade80)}.pp-app .bp-monitor-stand{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);width:50px;height:14px;background:#2d2d44;border-radius:0 0 6px 6px}.pp-app .bp-printer{position:absolute;right:0;bottom:0;width:190px;height:110px;background:#fff;border:1px solid #e5e5ea;border-radius:12px;box-shadow:0 16px 32px #0f172a24}.pp-app .bp-printer-top{height:34%;background:#2d2d44;border-radius:12px 12px 0 0}.pp-app .bp-printer-slot{position:absolute;top:34%;left:12px;right:12px;height:8px;background:#d1d5db;border-radius:3px}.pp-app .bp-printer-card{position:absolute;width:46px;height:62px;border-radius:5px;box-shadow:0 6px 14px #00000029}.pp-app .bp-printer-card-1{left:22px;bottom:12px;background:linear-gradient(160deg,#1a3c8f,#0284c7);transform:rotate(-6deg)}.pp-app .bp-printer-card-2{left:62px;bottom:8px;background:linear-gradient(160deg,#635bff,#a78bfa);transform:rotate(4deg)}.pp-app .bp-lanyard{position:absolute;left:30px;bottom:-6px;width:10px;height:90px;background:linear-gradient(180deg,#1a3c8f,#0284c7);border-radius:4px;transform:rotate(8deg)}.pp-app .bp-cert{position:absolute;left:100px;bottom:-16px;width:60px;height:42px;background:#fffbea;border:2px solid #eab308;border-radius:4px;transform:rotate(-4deg);box-shadow:0 6px 14px #0000001a}.pp-app .data-option-subtitle{font-size:10px;font-weight:700;color:#635bff;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}.pp-app .data-option-card.card-green-opt .data-option-subtitle{color:#16a34a}.pp-app .bp-project-thumb{background:linear-gradient(160deg,#1a3c8f,#0284c7);color:#fff;font-size:18px}.pp-app .bp-status-pill{display:inline-block;margin-top:8px}.pp-app .bp-continue-btn{background:#f3f0ff!important;color:#635bff!important;padding:5px 12px;border-radius:7px;font-size:11px!important}.pp-app .bp-continue-btn:hover{background:#e5e0ff!important;text-decoration:none!important}.pp-app .bp-wizard{display:flex;flex-direction:column;min-height:100%}.pp-app .bp-wiz-header{display:flex;align-items:center;gap:24px;background:#fff;border:1px solid #eaeaea;border-radius:16px;padding:14px 22px;margin-bottom:20px;position:sticky;top:0;z-index:10;box-shadow:0 2px 10px #0f172a0a}.pp-app .bp-wiz-title{flex-shrink:0;min-width:180px}.pp-app .bp-wiz-name-row{display:flex;align-items:center;gap:8px}.pp-app .bp-wiz-name-row h3{margin:0;font-size:16px;font-weight:700;color:#1a1a1a}.pp-app .bp-wiz-name-row a{color:#999;font-size:13px}.pp-app .bp-wiz-name-row a:hover{color:#635bff}.pp-app .bp-wiz-subtitle{font-size:11px;color:#888;margin-top:2px}.pp-app .bp-wiz-stepper{display:flex;align-items:center;flex:1;justify-content:center;gap:0}.pp-app .bp-wiz-step{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:68px}.pp-app .bp-wiz-step.clickable{cursor:pointer}.pp-app .bp-wiz-step-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#fff;color:#b5b8c2;border:2px solid #e2e4ea}.pp-app .bp-wiz-step.active .bp-wiz-step-circle{background:#635bff;color:#fff;border-color:#635bff}.pp-app .bp-wiz-step.completed .bp-wiz-step-circle{background:#16a34a;color:#fff;border-color:#16a34a}.pp-app .bp-wiz-step-label{font-size:10.5px;font-weight:600;color:#b5b8c2;white-space:nowrap}.pp-app .bp-wiz-step.active .bp-wiz-step-label{color:#635bff}.pp-app .bp-wiz-step.completed .bp-wiz-step-label{color:#16a34a}.pp-app .bp-wiz-step-line{flex:1;height:2px;background:#e2e4ea;min-width:24px;margin:-22px -6px 0}.pp-app .bp-wiz-step-line.done{background:#16a34a}.pp-app .bp-wiz-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.pp-app .bp-wiz-outline-btn{display:flex;align-items:center;gap:6px;border:1px solid #635bff;background:#fff;color:#635bff;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.pp-app .bp-wiz-outline-btn:hover{background:#f3f0ff}.pp-app .bp-wiz-help-btn{display:flex;align-items:center;gap:5px;color:#666;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.pp-app .bp-wiz-help-btn:hover{color:#635bff}.pp-app .bp-wiz-body{display:flex;gap:20px;align-items:flex-start}.pp-app .bp-wiz-main{flex:1;min-width:0}.pp-app .bp-wiz-side{width:320px;flex-shrink:0;background:#fff;border:1px solid #eaeaea;border-radius:16px;padding:20px;position:sticky;top:90px}@media (max-width: 1100px){.pp-app .bp-wiz-body{flex-direction:column}.pp-app .bp-wiz-side{width:100%;position:static}}.pp-app .bp-stage-title{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.pp-app .bp-stage-sub{font-size:12.5px;color:#888;margin-bottom:18px}.pp-app .bp-stage-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid #f1f1f5}.pp-app .bp-text-btn{background:none;border:none;color:#635bff;font-size:12.5px;font-weight:600;cursor:pointer;padding:6px 4px}.pp-app .bp-text-btn:hover{text-decoration:underline}.pp-app .bp-primary-btn{display:inline-flex;align-items:center;gap:8px;border:none;background:#635bff;color:#fff;padding:11px 22px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 3px 10px #635bff47}.pp-app .bp-primary-btn:hover:not(:disabled){background:#534be0}.pp-app .bp-primary-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.pp-app .bp-data-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.pp-app .bp-data-source-card{position:relative;background:#f8f9fe;border:2px solid #e2e4ea;border-radius:14px;padding:20px}.pp-app .bp-data-source-card.selected{border-color:#635bff;background:#f3f0ff}.pp-app .bp-data-source-card h4{margin:0 0 6px;font-size:14px;font-weight:700;color:#1a1a1a}.pp-app .bp-data-source-card p{margin:0 0 14px;font-size:12px;color:#888;line-height:1.5}.pp-app .bp-data-source-check{position:absolute;top:16px;right:16px;width:24px;height:24px;border-radius:50%;background:#635bff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}.pp-app .bp-data-source-check-alt{background:transparent;border:2px solid #d7dbe3}.pp-app .bp-xls-icon,.pp-app .bp-link-icon{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}.pp-app .bp-xls-icon{background:#dcfce7;color:#16a34a}.pp-app .bp-link-icon{background:#e0f2fe;color:#0284c7}.pp-app .bp-upload-btn,.pp-app .bp-collect-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;border:none;padding:10px;border-radius:9px;font-size:12.5px;font-weight:700;cursor:pointer}.pp-app .bp-upload-btn{background:#635bff;color:#fff}.pp-app .bp-upload-btn:hover{background:#534be0}.pp-app .bp-collect-btn{background:#fff;color:#444;border:1px solid #d7dbe3}.pp-app .bp-collect-btn:hover:not(:disabled){background:#f1f1f5}.pp-app .bp-collect-btn:disabled{opacity:.5;cursor:not-allowed}.pp-app .bp-upload-hint{font-size:10.5px;color:#999;margin-top:8px;text-align:center}.pp-app .bp-file-preview{margin-bottom:20px}.pp-app .bp-file-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#333}.pp-app .bp-file-caption{font-size:11px;color:#999;margin-top:8px}.pp-app .bp-validation-box{background:#f8f9fe;border:1px solid #eaeaea;border-radius:14px;padding:18px;margin-bottom:20px}.pp-app .bp-validation-hd h4{margin:0 0 2px;font-size:13px;font-weight:700;color:#1a1a1a}.pp-app .bp-validation-hd p{margin:0 0 14px;font-size:11.5px;color:#888}.pp-app .bp-validation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.pp-app .bp-validation-tile{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:10px;border:1px solid transparent}.pp-app .bp-validation-tile i{font-size:20px;margin-top:2px}.pp-app .bp-validation-tile div{display:flex;flex-direction:column}.pp-app .bp-validation-tile strong{font-size:18px;font-weight:800}.pp-app .bp-validation-tile span{font-size:11.5px;font-weight:600}.pp-app .bp-validation-tile small{font-size:10px;color:#999}.pp-app .bp-validation-green{background:#f0fdf4;border-color:#bbf7d0}.pp-app .bp-validation-green i,.pp-app .bp-validation-green strong{color:#16a34a}.pp-app .bp-validation-orange{background:#fffbeb;border-color:#fde68a}.pp-app .bp-validation-orange i,.pp-app .bp-validation-orange strong{color:#d97706}.pp-app .bp-validation-red{background:#fef2f2;border-color:#fecaca}.pp-app .bp-validation-red i,.pp-app .bp-validation-red strong{color:#dc2626}.pp-app .bp-generate-box{background:#f8f9fe;border:1px solid #eaeaea;border-radius:14px;padding:24px;text-align:center}.pp-app .bp-generate-summary{display:flex;justify-content:center;gap:32px;margin-bottom:20px;flex-wrap:wrap}.pp-app .bp-generate-summary div{display:flex;flex-direction:column;gap:2px}.pp-app .bp-generate-summary span{font-size:10.5px;color:#999;text-transform:uppercase;letter-spacing:.04em}.pp-app .bp-generate-summary strong{font-size:14px;color:#1a1a1a}.pp-app .bp-generate-progress,.pp-app .bp-generate-result{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;color:#555}.pp-app .bp-generate-result i{font-size:30px}.pp-app .bp-generate-success i{color:#16a34a}.pp-app .bp-generate-pending i{color:#d97706}.pp-app .bp-generate-error i{color:#dc2626}.pp-app .bp-spinner{width:30px;height:30px;border-radius:50%;border:3px solid #e2e4ea;border-top-color:#635bff;animation:bp-spin .8s linear infinite}@keyframes bp-spin{to{transform:rotate(360deg)}}.pp-app .bp-review-box{background:#f8f9fe;border:1px solid #eaeaea;border-radius:14px;padding:24px}.pp-app .bp-review-idle{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.pp-app .bp-review-idle i{font-size:30px;color:#635bff}.pp-app .bp-review-idle p{font-size:12px;color:#888;margin:0 0 10px;max-width:360px}.pp-app .bp-review-title{font-size:14px;font-weight:700;color:#1a1a1a}.pp-app .bp-review-loading{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:12.5px;color:#666}.pp-app .bp-review-ready{display:flex;align-items:flex-start;gap:10px}.pp-app .bp-review-input{flex:1;background:#fff;border:1px solid #d7dbe3;border-radius:8px;padding:9px 10px;font-size:12px;color:#555}.pp-app .bp-approval-box{background:#f8f9fe;border:1px solid #eaeaea;border-radius:14px;padding:30px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.pp-app .bp-approval-box i{font-size:34px}.pp-app .bp-approval-box p{font-size:12.5px;color:#888;margin:0 0 8px;max-width:380px}.pp-app .bp-side-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pp-app .bp-side-hd h3{margin:0;font-size:14px;font-weight:700}.pp-app .bp-preview-link{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#635bff;text-decoration:none}.pp-app .bp-side-section-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#999;margin:14px 0 8px}.pp-app .bp-field-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f4f4f8;font-size:12px;color:#333}.pp-app .bp-field-row i{color:#635bff;font-size:14px;width:16px;text-align:center}.pp-app .bp-field-row span:first-of-type{flex:1}.pp-app .bp-field-type-badge{font-size:9.5px;font-weight:700;color:#635bff;background:#eef2ff;padding:2px 8px;border-radius:999px}.pp-app .bp-whats-next{display:flex;gap:10px;background:#eef2ff;border-radius:10px;padding:12px;margin-top:18px}.pp-app .bp-whats-next i{color:#635bff;font-size:16px;margin-top:1px}.pp-app .bp-whats-next strong{font-size:11.5px;color:#1a1a1a;display:block;margin-bottom:3px}.pp-app .bp-whats-next p{margin:0;font-size:11px;color:#666;line-height:1.4}@media (max-width: 900px){.pp-app .bp-wiz-header{flex-wrap:wrap}.pp-app .bp-wiz-stepper{order:3;width:100%;overflow-x:auto;justify-content:flex-start}.pp-app .bp-data-source-grid{grid-template-columns:1fr}}.pp-app .bp-file-chip-row{display:flex;align-items:center;gap:10px;background:#f8f9fe;border:1px solid #eaeaea;border-radius:12px;padding:12px 16px;margin-bottom:18px;font-size:13px;color:#333}.pp-app .bp-map-table{background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:18px;margin-bottom:16px}.pp-app .bp-map-table-hd{display:grid;grid-template-columns:1fr 40px 1fr auto;align-items:center;gap:10px;padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid #f1f1f5}.pp-app .bp-map-col-title{font-size:13px;font-weight:700;color:#1a1a1a}.pp-app .bp-map-col-sub{font-size:11px;color:#999;margin-top:2px}.pp-app .bp-map-arrow-hd{text-align:center;color:#ccc}.pp-app .bp-automap-btn{display:flex;align-items:center;gap:6px;border:1px solid #c7bfff;background:#f3f0ff;color:#635bff;padding:8px 14px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.pp-app .bp-automap-btn:hover{background:#e5e0ff}.pp-app .bp-map-row{display:grid;grid-template-columns:1fr 40px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f7f7fa}.pp-app .bp-map-row:last-of-type{border-bottom:none}.pp-app .bp-map-field{display:flex;align-items:center;gap:10px}.pp-app .bp-map-field-icon{width:34px;height:34px;border-radius:8px;background:#f3f0ff;color:#635bff;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.pp-app .bp-map-field-name{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:2px}.pp-app .bp-map-arrow{text-align:center;color:#ccc}.pp-app .bp-map-select{width:100%;border:1px solid #d7dbe3;border-radius:8px;padding:9px 10px;font-size:12.5px;color:#333;background:#fff}.pp-app .bp-map-status{text-align:right}.pp-app .bp-map-matched,.pp-app .bp-map-unmatched{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;white-space:nowrap}.pp-app .bp-map-matched{color:#16a34a}.pp-app .bp-map-unmatched{color:#d97706}.pp-app .bp-map-banner{display:flex;align-items:center;gap:8px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:10px 14px;margin-top:14px;font-size:12px;color:#92400e}.pp-app .bp-map-banner.bp-map-banner-ok{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.pp-app .bp-map-banner i{font-size:16px}.pp-app .bp-map-progress-text{font-size:12px;color:#888;font-weight:600}.pp-app .bp-outline-back-btn{display:flex;align-items:center;gap:6px;border:1px solid #d7dbe3;background:#fff;color:#444;padding:10px 16px;border-radius:9px;font-size:12.5px;font-weight:600;cursor:pointer}.pp-app .bp-outline-back-btn:hover{background:#f8f9fe}.pp-app .bp-tips-box{display:flex;gap:10px;background:#eef2ff;border-radius:10px;padding:14px;margin-top:16px}.pp-app .bp-tips-box i{color:#635bff;font-size:18px;margin-top:1px}.pp-app .bp-tips-box strong{font-size:12px;color:#1a1a1a;display:block;margin-bottom:6px}.pp-app .bp-tips-box ol{margin:0;padding-left:16px;font-size:11px;color:#555;line-height:1.6}.pp-app .bp-whatsnext-strip{background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:20px;margin-top:20px}.pp-app .bp-whatsnext-title{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:16px}.pp-app .bp-whatsnext-flex{display:flex;align-items:flex-start;gap:4px;flex-wrap:wrap}.pp-app .bp-whatsnext-item{flex:1;min-width:130px}.pp-app .bp-whatsnext-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:8px;color:#fff}.pp-app .bp-wn-green{background:#16a34a}.pp-app .bp-wn-purple{background:#635bff}.pp-app .bp-wn-orange{background:#ea580c}.pp-app .bp-wn-blue{background:#0284c7}.pp-app .bp-whatsnext-item h4{font-size:12px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.pp-app .bp-whatsnext-item p{font-size:10.5px;color:#888;margin:0;line-height:1.4}.pp-app .bp-whatsnext-arrow{color:#ccc;padding-top:10px;font-size:14px}@media (max-width: 900px){.pp-app .bp-map-table-hd,.pp-app .bp-map-row{grid-template-columns:1fr;gap:6px}.pp-app .bp-map-arrow,.pp-app .bp-map-arrow-hd{display:none}.pp-app .bp-whatsnext-flex{flex-direction:column}.pp-app .bp-whatsnext-arrow{display:none}}.pp-app .bp-gensum-title{font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.pp-app .bp-gensum-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.pp-app .bp-gensum-tile{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eaeaea;border-radius:12px;padding:14px;min-width:0}.pp-app .bp-gensum-tile div{display:flex;flex-direction:column;gap:2px;min-width:0}.pp-app .bp-gensum-tile span{font-size:10.5px;color:#999;white-space:nowrap}.pp-app .bp-gensum-tile strong{font-size:15px;font-weight:800;color:#1a1a1a}.pp-app .bp-gensum-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.pp-app .bp-gs-blue{background:#e0f2fe;color:#0284c7}.pp-app .bp-gs-purple{background:#f3f0ff;color:#635bff}.pp-app .bp-gs-navy{background:#dbeafe;color:#1a3c8f}.pp-app .bp-gs-amber{background:#fef3c7;color:#d97706}.pp-app .bp-gs-green{background:#dcfce7;color:#16a34a}.pp-app .bp-gs-gray{background:#f1f1f5;color:#999}.pp-app .bp-gs-red{background:#fee2e2;color:#dc2626}.pp-app .bp-gen-banner{display:flex;align-items:center;gap:10px;border-radius:12px;padding:14px 16px;font-size:13px;margin-bottom:18px}.pp-app .bp-gen-banner i{font-size:18px}.pp-app .bp-gen-banner-idle{background:#f8f9fe;border:1px solid #eaeaea;color:#555}.pp-app .bp-gen-banner-ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.pp-app .bp-gen-banner-pending{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.pp-app .bp-gen-banner-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.pp-app .bp-gen-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.pp-app .bp-outline-btn{display:flex;align-items:center;gap:6px;border:1px solid #d7dbe3;background:#fff;color:#444;padding:10px 16px;border-radius:9px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}.pp-app .bp-outline-btn:hover:not(:disabled){background:#f8f9fe}.pp-app .bp-outline-btn.bp-disabled,.pp-app .bp-outline-btn:disabled,.pp-app .bp-disabled{opacity:.5;cursor:not-allowed}.pp-app .bp-records-box{background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:20px;margin-bottom:20px;scroll-margin-top:100px}.pp-app .bp-records-hd h4{margin:0 0 14px;font-size:14px;font-weight:700;color:#1a1a1a}.pp-app .bp-records-toolbar{display:flex;gap:10px;margin-bottom:14px}.pp-app .bp-records-table th{white-space:nowrap}.pp-app .bp-row-status{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}.pp-app .bp-row-ready{background:#dcfce7;color:#16a34a}.pp-app .bp-row-review{background:#ffedd5;color:#c2410c}.pp-app .bp-preview-chip{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#f1f1f5;color:#aaa;font-size:10px;font-weight:700;margin-right:4px;cursor:not-allowed}.pp-app .bp-records-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px;flex-wrap:wrap;gap:10px}.pp-app .bp-partial-note{font-size:11px;color:#999;margin-top:10px;font-style:italic}.pp-app .bp-inline-edit-input{width:100%;padding:4px 6px;border:1px solid #635bff;border-radius:5px;font-size:12px;font-family:inherit;background:#fefce8;outline:none;box-shadow:0 0 0 2px #635bff26}.pp-app .bp-inline-edit-input:focus{border-color:#4f46e5}.pp-app .bp-cell-edited{background:#fefce8!important}.pp-app .bp-mini-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:1px solid #e0e0e0;background:#fff;color:#666;cursor:pointer;font-size:14px;margin-right:2px}.pp-app .bp-mini-btn:hover{background:#f5f5ff;color:#635bff;border-color:#c7c5ff}.pp-app .bp-mini-save{color:#16a34a;border-color:#86efac}.pp-app .bp-mini-save:hover{background:#f0fdf4}.pp-app .bp-mini-cancel{color:#dc2626;border-color:#fca5a5}.pp-app .bp-mini-cancel:hover{background:#fef2f2}.pp-app .bp-row-active{background:#f0f0ff!important}.pp-app .bp-whatsnext-single{display:flex;gap:10px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:16px;margin-bottom:20px}.pp-app .bp-whatsnext-single i{color:#d97706;font-size:18px;margin-top:1px}.pp-app .bp-whatsnext-single strong{font-size:12.5px;color:#1a1a1a;display:block;margin-bottom:4px}.pp-app .bp-whatsnext-single p{margin:0;font-size:11.5px;color:#666;line-height:1.5}.pp-app .bp-coming-soon-panel{background:#f8f9fe;border:1px dashed #d7dbe3;border-radius:14px;padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:10px}.pp-app .bp-coming-soon-panel i{font-size:36px;color:#b5b8c2}.pp-app .bp-coming-soon-panel p{font-size:12.5px;color:#888;max-width:420px;margin:0}@media (max-width: 1000px){.pp-app .bp-gensum-grid{grid-template-columns:repeat(2,1fr)}}.pp-app .wm-box{background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:20px;margin-bottom:16px}.pp-app .wm-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:4px}.pp-app .wm-hd h4{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:14px;font-weight:700;color:#1a1a1a}.pp-app .wm-hd h4 i{color:#635bff}.pp-app .wm-hd p{margin:0;font-size:12px;color:#888;max-width:480px;line-height:1.5}.pp-app .wm-loading{display:flex;align-items:center;gap:10px;padding:20px 0;font-size:12.5px;color:#666}.pp-app .wm-viewer{margin-top:16px;border:1px solid #eaeaea;border-radius:10px;overflow:hidden;background:#f1f1f5}.pp-app .wm-viewer iframe{width:100%;height:560px;border:none;display:block}@media (max-width: 700px){.pp-app .wm-viewer iframe{height:400px}}.pp-app .bp-card-thumb-wrap{position:relative;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .15s;background:#fff}.pp-app .bp-card-thumb-wrap:hover{border-color:#635bff;box-shadow:0 4px 20px #635bff2e;transform:translateY(-2px)}.pp-app .bp-card-edited{border-color:#635bff}.pp-app .bp-edited-badge{position:absolute;top:6px;right:6px;background:#635bff;color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;z-index:20;display:flex;align-items:center;gap:3px}.pp-app .bp-card-num-badge{position:absolute;top:6px;left:6px;background:#00000073;color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;z-index:20}.pp-app .bp-card-thumb-canvas-wrap{position:relative;overflow:hidden;display:block;background:#f3f4f6}.pp-app .bp-card-thumb-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#fff;border-top:1px solid #f0f0f0;gap:6px}.pp-app .bp-card-thumb-name{font-size:11.5px;font-weight:600;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pp-app .bp-live-editor-wrap{display:flex;gap:16px;align-items:flex-start;margin-top:12px}.pp-app .bp-live-canvas-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.pp-app .bp-live-nav-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8f9fe;border:1px solid #eaeaea;border-radius:10px}.pp-app .bp-live-rec-label{flex:1;text-align:center;font-size:13px;color:#444}.pp-app .bp-edited-dot{color:#635bff;font-size:11px;font-weight:700;margin-left:8px}.pp-app .bp-live-canvas-scroll{width:100%;overflow:auto;background:#e8eaf0;border-radius:12px;padding:24px;display:flex;justify-content:center;min-height:300px}.pp-app .bp-live-canvas-inner{flex-shrink:0}.pp-app .bp-cert-el{position:absolute;box-sizing:border-box;border:1px dashed transparent;transition:border-color .12s;cursor:pointer}.pp-app .bp-cert-el:hover{border-color:#635bff73}.pp-app .bp-cert-el-selected{border-color:#635bff!important;border-style:solid!important}.pp-app .bp-cert-el-editing{border-color:#635bff!important;border-style:solid!important;z-index:9999!important}.pp-app .bp-cert-textarea{width:100%;height:100%;min-height:1.4em;background:#ffffffeb;border:none;outline:none;resize:none;overflow:hidden;padding:2px 4px;box-sizing:border-box;font-family:inherit;cursor:text;box-shadow:0 0 0 2px #635bff;border-radius:2px}.pp-app .bp-cert-text-inner{width:100%;height:100%;display:flex;overflow:hidden;padding:2px 4px;box-sizing:border-box}.pp-app .bp-field-value{display:inline}.pp-app .bp-resize-handle{position:absolute;bottom:-5px;right:-5px;width:10px;height:10px;background:#635bff;border-radius:3px;cursor:se-resize;z-index:10}.pp-app .bp-live-hint-bar{display:flex;align-items:center;gap:6px;font-size:11.5px;color:#888;padding:6px 10px;background:#f8f9fe;border-radius:8px;border:1px solid #eaeaea}.pp-app .bp-live-records-col{width:290px;flex-shrink:0;display:flex;flex-direction:column;gap:0;height:calc(100vh - 120px);min-height:420px;max-height:900px;position:sticky;top:16px}.pp-app .bp-live-rec-list{flex:1 1 auto;min-height:200px;overflow-y:scroll;border:1px solid #eaeaea;border-radius:10px;background:#fff;scrollbar-width:thin;scrollbar-color:#b4b0ff #f3f4f6}.pp-app .bp-live-rec-list::-webkit-scrollbar{width:8px}.pp-app .bp-live-rec-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:0 10px 10px 0}.pp-app .bp-live-rec-list::-webkit-scrollbar-thumb{background:#b4b0ff;border-radius:8px}.pp-app .bp-live-rec-list::-webkit-scrollbar-thumb:hover{background:#635bff}.pp-app .bp-live-rec-count{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.4px;margin:0 2px 6px}.pp-app .bp-live-rec-count-edited{color:#16a34a;text-transform:none;letter-spacing:0}.pp-app .bp-live-allfields-btn{display:flex;align-items:center;gap:6px;width:100%;margin-top:8px;padding:9px 12px;border:1px solid #eaeaea;border-radius:10px;background:#f8f9fe;font-size:12px;font-weight:600;color:#444;cursor:pointer;flex-shrink:0}.pp-app .bp-live-allfields-btn:hover{border-color:#c7c4ff;color:#635bff}.pp-app .bp-cert-edit-tip{position:absolute;left:0;top:calc(100% + 4px);white-space:nowrap;background:#1f2937;color:#fff;font-size:11px;padding:3px 8px;border-radius:6px;pointer-events:none;z-index:10000;font-family:Inter,sans-serif;font-weight:500}.pp-app .bp-live-rec-item{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .12s}.pp-app .bp-live-rec-item:hover{background:#f5f5ff}.pp-app .bp-live-rec-active{background:#ededff!important;border-left:3px solid #635bff}.pp-app .bp-live-rec-edited{border-left:3px solid #16a34a}.pp-app .bp-live-rec-active.bp-live-rec-edited{border-left:3px solid #635bff}.pp-app .bp-live-rec-num{font-size:11px;font-weight:700;color:#999;min-width:28px}.pp-app .bp-live-rec-info{flex:1;min-width:0}.pp-app .bp-live-rec-name{font-size:12.5px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-app .bp-live-rec-sub{font-size:11px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-app .bp-live-rec-badge{font-size:11px;font-weight:700;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;padding:1px 5px}.pp-app .bp-live-field-panel{background:#f8f9fe;border:1px solid #eaeaea;border-top:none;border-radius:0 0 10px 10px;padding:14px 12px;overflow-y:auto;max-height:300px;flex-shrink:0}.pp-app .bp-live-field-row{margin-bottom:8px}.pp-app .bp-live-field-label{display:block;font-size:10.5px;font-weight:700;color:#555;margin-bottom:3px;text-transform:uppercase;letter-spacing:.4px}.pp-app .bp-live-field-input{width:100%;padding:5px 8px;font-size:12px;border:1px solid #ddd;border-radius:6px;outline:none;background:#fff;box-sizing:border-box;font-family:inherit;transition:border-color .12s}.pp-app .bp-live-field-input:focus{border-color:#635bff;box-shadow:0 0 0 2px #635bff1f}@media (max-width: 900px){.pp-app .bp-live-editor-wrap{flex-direction:column}.pp-app .bp-live-records-col{width:100%;position:static;flex-direction:column;max-height:none;height:auto;min-height:0}.pp-app .bp-live-rec-list{max-height:260px}.pp-app .bp-live-field-panel{max-height:220px}}.pp-app .bp-fmt-bar{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:6px 8px;background:#fff;border:1px solid #e2e4ee;border-radius:10px;box-shadow:0 2px 8px #0f172a0d}.pp-app .bp-fmt-bar.bp-fmt-off{background:#f8f9fe}.pp-app .bp-fmt-hint{font-size:12px;color:#777;display:flex;align-items:center;gap:6px;padding:0 4px}.pp-app .bp-fmt-sep{width:1px;height:24px;background:#e5e7eb;margin:0 4px}.pp-app .bp-fmt-scope{display:inline-flex;background:#f1f2f8;border-radius:8px;padding:2px}.pp-app .bp-fmt-scope button{border:none;background:transparent;padding:5px 9px;border-radius:6px;font-size:11.5px;font-weight:600;color:#555;cursor:pointer;white-space:nowrap}.pp-app .bp-fmt-scope button.on{background:#fff;color:#635bff;box-shadow:0 1px 3px #0000001f}.pp-app .bp-fmt-font{height:32px;width:150px;border:1px solid #d9dbe5;border-radius:7px;padding:0 6px;font-size:13px;background:#fff;color:#111;cursor:pointer}.pp-app .bp-fmt-case{height:32px;width:138px;border:1px solid #d9dbe5;border-radius:7px;padding:0 4px;font-size:12px;background:#fff;color:#111;cursor:pointer}.pp-app .bp-fmt-size{display:inline-flex;align-items:center;border:1px solid #d9dbe5;border-radius:7px;overflow:hidden;height:32px}.pp-app .bp-fmt-size button{width:26px;height:100%;border:none;background:#fff;cursor:pointer;color:#333;font-size:15px;padding:0}.pp-app .bp-fmt-size button:hover{background:#f1f1ff;color:#635bff}.pp-app .bp-fmt-size input{width:46px;height:100%;border:none;border-left:1px solid #eee;border-right:1px solid #eee;text-align:center;font-size:13px;font-weight:600;outline:none;-moz-appearance:textfield}.pp-app .bp-fmt-size input::-webkit-inner-spin-button,.pp-app .bp-fmt-size input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pp-app .bp-fmt-btn{position:relative;width:32px;height:32px;border:1px solid transparent;border-radius:7px;background:transparent;cursor:pointer;color:#333;font-size:19px;display:inline-flex;align-items:center;justify-content:center;padding:0}.pp-app .bp-fmt-btn:hover{background:#f1f1ff}.pp-app .bp-fmt-btn.on{background:#ececff;border-color:#c9c6ff;color:#4f46e5}.pp-app .bp-fmt-color{flex-direction:column;gap:0}.pp-app .bp-fmt-color i{font-size:17px;line-height:1;margin-top:-3px}.pp-app .bp-fmt-color-bar{width:18px;height:4px;border-radius:2px;margin-top:1px;box-shadow:0 0 0 1px #0000001f}.pp-app .bp-fmt-color input{position:absolute;inset:0;opacity:0;cursor:pointer}.pp-app .bp-fmt-pop-wrap{position:relative;display:inline-flex}.pp-app .bp-fmt-pop{position:absolute;top:calc(100% + 6px);right:0;z-index:50;width:220px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 12px 30px #00000029;display:flex;flex-direction:column;gap:6px}.pp-app .bp-fmt-pop label{font-size:12px;color:#555;display:flex;justify-content:space-between}.pp-app .bp-fmt-pop input[type=range]{accent-color:#635bff;width:100%}.pp-app .bp-fmt-status{font-size:12px;color:#555;display:flex;align-items:center;gap:5px;min-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-app .bp-fmt-status b{color:#4f46e5}.pp-app .bp-fmt-status-tip{color:#999}.pp-app .bp-fmt-tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap;border:0;margin:0;padding:0;min-width:0}.pp-app .bp-fmt-tools:disabled{opacity:.45}.pp-app .bp-fmt-tools:disabled *{cursor:default!important}.pp-app .ps-hd-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.pp-app .ps-layout{display:grid;grid-template-columns:380px 1fr 300px;gap:20px;align-items:start;margin-top:18px}@media (max-width: 1300px){.pp-app .ps-layout{grid-template-columns:1fr}}.pp-app .ps-section-box{background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:18px;margin-bottom:16px}.pp-app .ps-section-title{font-size:13.5px;font-weight:700;color:#1a1a1a;margin-bottom:14px}.pp-app .ps-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pp-app .ps-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 500px){.pp-app .ps-grid-4{grid-template-columns:repeat(2,1fr)}}.pp-app .ps-label{display:block;font-size:10.5px;font-weight:600;color:#888;margin-bottom:5px}.pp-app .ps-input,.pp-app .ps-select{border:1px solid #d7dbe3;border-radius:8px;padding:8px 9px;font-size:12.5px;color:#333;background:#fff}.pp-app .ps-input{width:70px}.pp-app .ps-select{width:100%}.pp-app .ps-select:disabled{background:#f8f9fe;color:#999;cursor:not-allowed}.pp-app .ps-size-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pp-app .ps-size-row span{color:#999}.pp-app .ps-edit-link{background:none;border:none;color:#635bff;font-size:11px;font-weight:600;cursor:pointer;padding:0}.pp-app .ps-toggle-pair{display:flex;border:1px solid #d7dbe3;border-radius:8px;overflow:hidden}.pp-app .ps-toggle-pair button{flex:1;border:none;background:#fff;padding:8px;font-size:12px;font-weight:600;color:#666;cursor:pointer}.pp-app .ps-toggle-pair button.active{background:#f3f0ff;color:#635bff;box-shadow:inset 0 0 0 1px #635bff}.pp-app .ps-radio-row{display:flex;gap:22px;flex-wrap:wrap}.pp-app .ps-radio-row label,.pp-app .ps-radio-col label{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#333;cursor:pointer;font-weight:500}.pp-app .ps-radio-col{display:flex;flex-direction:column;gap:8px}.pp-app .ps-toggle-box{background:#f8f9fe;border-radius:10px;padding:12px}.pp-app .ps-toggle-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.pp-app .ps-toggle-row span{font-size:11.5px;font-weight:600;color:#333}.pp-app .ps-toggle-box p{margin:0;font-size:10.5px;color:#999;line-height:1.4}.pp-app .ps-switch{width:38px;height:21px;border-radius:999px;background:#d7dbe3;border:none;position:relative;cursor:pointer;flex-shrink:0}.pp-app .ps-switch span{position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#fff;transition:transform .15s ease;box-shadow:0 1px 3px #0003}.pp-app .ps-switch.on{background:#16a34a}.pp-app .ps-switch.on span{transform:translate(17px)}.pp-app .ps-info-banner{display:flex;align-items:center;gap:8px;background:#eef2ff;border-radius:9px;padding:10px 12px;font-size:11.5px;color:#4338ca;margin-top:14px}.pp-app .ps-advanced-toggle{display:flex;align-items:center;gap:6px;width:100%;justify-content:space-between;border:none;background:none;color:#999;font-size:12px;font-weight:600;padding:10px 0 0;cursor:not-allowed;margin-top:4px;border-top:1px solid #f1f1f5}.pp-app .ps-check-row{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#333;padding:6px 0;cursor:pointer}.pp-app .ps-preview-col{background:#fff;border:1px solid #eaeaea;border-radius:14px;padding:18px}.pp-app .ps-preview-hd{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.pp-app .ps-preview-hd h4{margin:0 0 3px;font-size:14px;font-weight:700;color:#1a1a1a}.pp-app .ps-preview-hd span{font-size:11px;color:#999}.pp-app .ps-front-back-toggle{display:flex;background:#f1f1f5;border-radius:8px;padding:3px}.pp-app .ps-front-back-toggle button{border:none;background:none;padding:6px 14px;font-size:12px;font-weight:700;color:#666;border-radius:6px;cursor:pointer}.pp-app .ps-front-back-toggle button.active{background:#635bff;color:#fff}.pp-app .ps-sheet-wrap{background:#f8f9fe;border:1px dashed #d7dbe3;border-radius:10px;padding:24px;overflow:auto;display:flex;justify-content:center}.pp-app .ps-sheet{display:grid;gap:10px;transform-origin:top center;background:#fff;padding:14px;box-shadow:0 4px 16px #0f172a14}.pp-app .ps-card{width:130px;height:82px;border-radius:6px;overflow:hidden;position:relative;background:linear-gradient(135deg,#1a3c8f,#0284c7);background-size:cover;background-position:center}.pp-app .ps-card-thumb{width:100%;height:100%;background-size:cover;background-position:center;position:relative;display:flex}.pp-app .ps-card-info{position:absolute;left:6px;bottom:6px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.pp-app .ps-card-name{font-size:9px;font-weight:700}.pp-app .ps-card-id{font-size:7.5px;opacity:.85}.pp-app .ps-card-qr{position:absolute;top:5px;right:5px;width:16px;height:16px;background:#fff;border-radius:3px;display:flex;align-items:center;justify-content:center;color:#333;font-size:10px}.pp-app .ps-card-back{background:#eef0f4!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#aaa;font-size:8px;text-align:center;padding:6px}.pp-app .ps-card-back i{font-size:18px}.pp-app .ps-card-empty{background:#fff!important;border:1px dashed #e2e4ea}.pp-app .ps-zoom-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;flex-wrap:wrap}.pp-app .ps-zoom-row button{width:28px;height:28px;border-radius:7px;border:1px solid #d7dbe3;background:#fff;color:#555;cursor:pointer}.pp-app .ps-zoom-row span{font-size:12px;font-weight:600;color:#555;min-width:40px;text-align:center}.pp-app .ps-sheet-pager{display:flex;align-items:center;gap:8px;margin-left:16px;font-size:11.5px;color:#666;font-weight:600}.pp-app .ps-sheet-pager button{width:24px;height:24px;border-radius:6px;border:1px solid #d7dbe3;background:#fff;cursor:pointer}.pp-app .ps-sheet-pager button:disabled{opacity:.4;cursor:not-allowed}.pp-app .ps-stats-row{display:flex;justify-content:center;gap:32px;margin-top:18px;flex-wrap:wrap}.pp-app .ps-stats-row>div{display:flex;align-items:center;gap:8px}.pp-app .ps-stats-row i{font-size:18px;color:#635bff}.pp-app .ps-stats-row strong{font-size:15px;font-weight:800;color:#1a1a1a;display:block}.pp-app .ps-stats-row span{font-size:10px;color:#999}.pp-app .ps-tip-banner{display:flex;align-items:center;gap:8px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:12px 14px;margin-top:16px;font-size:11.5px;color:#92400e}.pp-app .ps-summary-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid #f4f4f8;font-size:11.5px}.pp-app .ps-summary-row span{color:#999}.pp-app .ps-summary-row strong{color:#1a1a1a;font-weight:700;text-align:right}.pp-app .ps-side-note{display:flex;gap:8px;background:#eef2ff;border-radius:10px;padding:12px;margin-bottom:12px;font-size:11px;color:#4338ca}.pp-app .ps-flash{display:flex;align-items:center;gap:8px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:600;margin-top:12px}.pp-app .ps-sheet.ps-sheet-real{display:block;position:relative;padding:0;gap:0;flex-shrink:0}.pp-app .ps-margin-guide{position:absolute;border:1px dashed rgba(99,91,255,.35);pointer-events:none}.pp-app .ps-slot{position:absolute;box-sizing:border-box;outline:1px dashed rgba(148,163,184,.55)}.pp-app .ps-slot-empty{background:repeating-linear-gradient(45deg,#fafbff,#fafbff 6px,#f1f3f9 6px 12px)}.pp-app .ps-slot-card{position:absolute;overflow:hidden;box-shadow:0 1px 3px #0f172a2e;background:#fff}.pp-app .ps-slot-card ds-template-thumb{position:absolute;inset:0}.pp-app .ps-slot-noback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:#aaa;background:#f4f5f8}.pp-app .ps-sheet-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;font-size:12px;color:#b45309}.pp-app .ps-input-full{width:100%;box-sizing:border-box}.pp-app .ps-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pp-app .ps-hint{margin:8px 0 0;font-size:10.5px;color:#8a8fa0;line-height:1.45}.pp-app .ps-product-chip{display:flex;align-items:center;gap:10px;background:#f5f3ff;border:1px solid #e0dbff;border-radius:10px;padding:10px 12px}.pp-app .ps-product-chip i{font-size:22px;color:#635bff}.pp-app .ps-product-chip b{display:block;font-size:12.5px;color:#1a1a1a}.pp-app .ps-product-chip span{font-size:11px;color:#6b7280}.pp-app .ps-toggle-pair button i{margin-right:3px}.pp-app .ps-toggle-pair button:disabled{opacity:.45;cursor:not-allowed}.pp-app .ps-toggle-3 button{font-size:11.5px;padding:8px 4px}.pp-app .ps-sub-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pp-app .ps-sub-hd>span{font-size:12px;font-weight:700;color:#333;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.pp-app .ps-sub-hd>span i{color:#635bff}.pp-app .ps-sub-hd small{font-weight:500;color:#9ca3af;font-size:10.5px}.pp-app .ps-link-btn{width:28px;height:28px;border-radius:7px;border:1px solid #d7dbe3;background:#fff;color:#9ca3af;cursor:pointer;font-size:15px}.pp-app .ps-link-btn.on{color:#635bff;border-color:#c7c2ff;background:#f5f3ff}.pp-app .ps-margin-box{display:flex;flex-direction:column;align-items:center;gap:6px}.pp-app .ps-margin-box label{display:block;font-size:10px;color:#9ca3af;font-weight:600;text-align:center;margin-bottom:2px}.pp-app .ps-margin-box .ps-input{width:64px;text-align:center}.pp-app .ps-mb-mid{display:flex;align-items:center;gap:10px}.pp-app .ps-mb-paper{width:70px;height:48px;border:1.5px dashed #c7c2ff;border-radius:4px;background:#fafaff;display:flex;align-items:center;justify-content:center;font-size:10px;color:#a5a1d8;margin-top:12px}.pp-app .ps-chip-row{display:flex;gap:6px;justify-content:center;margin-top:10px;flex-wrap:wrap}.pp-app .ps-chip-row button{border:1px solid #e3e5ec;background:#fff;border-radius:999px;padding:4px 10px;font-size:11px;color:#555;cursor:pointer}.pp-app .ps-chip-row button:hover{border-color:#635bff;color:#635bff}.pp-app .ps-check-row small{color:#9ca3af;font-size:10.5px;margin-left:2px}.pp-app .ps-check-row input:disabled+*{opacity:.5}.pp-app .ps-warn-banner{display:flex;gap:8px;align-items:flex-start;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:9px;padding:9px 11px;font-size:11.5px;margin-top:12px}.pp-app .ps-better-banner{display:flex;gap:8px;align-items:center;width:100%;text-align:left;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:9px;padding:9px 11px;font-size:11.5px;margin-top:12px;cursor:pointer}.pp-app .ps-sheet-wrap{max-height:720px}.pp-app .ps-slot-bleed{background:#fde2e7}.pp-app .ps-slot-turn{position:absolute;left:50%;top:50%}.pp-app .ps-slot-turn ds-template-thumb{position:absolute;inset:0}.pp-app .ps-slot-no{position:absolute;right:2px;bottom:1px;font-size:9px;font-weight:700;color:#fff;background:#0f172a8c;border-radius:4px;padding:0 4px;line-height:14px;pointer-events:none}.pp-app .ps-marks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.pp-app .ps-sheet-info{position:absolute;color:#6b7280;white-space:nowrap;pointer-events:none;line-height:1}.pp-app .ps-sheet-strip{display:flex;gap:8px;overflow-x:auto;padding:12px 2px 4px;margin-top:8px}.pp-app .ps-strip-item{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;cursor:pointer;padding:0}.pp-app .ps-strip-item b{font-size:10px;color:#6b7280}.pp-app .ps-strip-paper{display:grid;gap:1.5px;align-content:center;width:38px;padding:3px;background:#fff;border:1px solid #d7dbe3;border-radius:3px;box-sizing:border-box}.pp-app .ps-strip-paper i{display:block;height:4px;background:#eceef4;border-radius:1px}.pp-app .ps-strip-paper i.filled{background:#8b85ff}.pp-app .ps-strip-item.active .ps-strip-paper{border-color:#635bff;box-shadow:0 0 0 2px #635bff40}.pp-app .ps-strip-item.active b{color:#635bff}.pp-app .ps-strip-more{align-self:center;font-size:11px;color:#9ca3af;white-space:nowrap}.pp-app .ps-summary-row small{font-weight:500;color:#9ca3af}.pp-app .ps-hd-compact{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:10px}.pp-app .ps-hd-compact .bp-stage-title{margin:0}.pp-app .ps-hd-sub{font-size:12px;color:#6b7280}.pp-app .ps-layout.ps-layout-fit{grid-template-columns:340px minmax(0,1fr);gap:16px;margin-top:0;min-height:460px;align-items:stretch}@media (max-width: 1000px){.pp-app .ps-layout.ps-layout-fit{grid-template-columns:1fr;height:auto!important}}.pp-app .ps-layout-fit .ps-settings-col{overflow-y:auto;min-height:0;padding-right:4px;display:flex;flex-direction:column;gap:8px}.pp-app .ps-acc{background:#fff;border:1px solid #eaeaea;border-radius:12px;flex-shrink:0}.pp-app .ps-acc.open{border-color:#d6d2ff;box-shadow:0 2px 10px #635bff14}.pp-app .ps-acc-hd{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;padding:11px 14px;cursor:pointer;text-align:left}.pp-app .ps-acc-num{width:22px;height:22px;border-radius:50%;background:#f1f0ff;color:#635bff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pp-app .ps-acc.open .ps-acc-num{background:#635bff;color:#fff}.pp-app .ps-acc-title{flex:1;min-width:0;display:flex;flex-direction:column}.pp-app .ps-acc-title b{font-size:13px;color:#1a1a1a}.pp-app .ps-acc-title b i{color:#635bff;margin-right:2px}.pp-app .ps-acc-title small{font-size:11px;color:#8a8fa0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-app .ps-acc-chev{color:#9ca3af;transition:transform .15s;font-size:18px}.pp-app .ps-acc.open .ps-acc-chev{transform:rotate(180deg)}.pp-app .ps-acc-body{padding:2px 14px 14px}.pp-app .ps-layout-fit .ps-preview-col{display:flex;flex-direction:column;min-height:0;padding:12px 14px}.pp-app .ps-layout-fit .ps-preview-hd{margin-bottom:8px;gap:10px;flex-wrap:wrap;align-items:center}.pp-app .ps-preview-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pp-app .ps-preview-tools .ps-sheet-pager{margin-left:0}.pp-app .ps-zoom-mini{display:flex;align-items:center;gap:4px}.pp-app .ps-zoom-mini button{width:26px;height:26px;border-radius:7px;border:1px solid #d7dbe3;background:#fff;color:#555;cursor:pointer}.pp-app .ps-zoom-mini span{font-size:11.5px;font-weight:700;color:#555;min-width:38px;text-align:center}.pp-app .ps-layout-fit .ps-sheet-wrap{flex:1;min-height:0;max-height:none;padding:12px;align-items:flex-start}.pp-app .ps-layout-fit .ps-sheet-real{margin:auto}.pp-app .ps-note-banner{display:flex;gap:8px;align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:9px;padding:8px 11px;font-size:11.5px;margin-bottom:8px}.pp-app .ps-bottom-bar{display:flex;align-items:center;gap:14px;margin-top:8px;flex-wrap:wrap}.pp-app .ps-bottom-bar .ps-sheet-strip{flex:1;min-width:160px;margin-top:0;padding:2px}.pp-app .ps-stats-compact{margin-top:0;gap:16px;justify-content:flex-end}.pp-app .ps-stats-compact>div{display:flex;flex-direction:column;align-items:center;gap:0}.pp-app .ps-stats-compact strong{font-size:14px}.pp-app .ps-footer-fit{margin-top:12px;align-items:center;gap:12px}.pp-app .ps-footer-note{font-size:11.5px;color:#4338ca;display:flex;align-items:center;gap:5px;margin-right:auto;margin-left:12px}.pp-app .ps-flash-inline{font-size:12px;color:#166534;font-weight:600;display:flex;align-items:center;gap:4px}.pp-app .ps-inline-fix{border:none;background:none;color:#1d4ed8;font-weight:700;text-decoration:underline;cursor:pointer;padding:0 0 0 6px;font-size:11.5px}.pp-app .op-layout{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start;margin-top:16px}@media (max-width: 1100px){.pp-app .op-layout{grid-template-columns:1fr}}.pp-app .op-amount-label{font-size:11px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.04em;margin:4px 0 10px}.pp-app .op-amount-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:12.5px;color:#333;border-bottom:1px solid #f4f4f8}.pp-app .op-amount-row em{font-style:normal;color:#999;font-size:11px}.pp-app .op-amount-total{display:flex;justify-content:space-between;align-items:center;padding:12px 0 6px;font-size:14px;font-weight:800;color:#1a1a1a}.pp-app .op-amount-total strong{color:#635bff;font-size:17px}.pp-app .op-amount-total em{font-style:normal;font-weight:400;font-size:10.5px;color:#999;margin-left:4px}.pp-app .op-coupon-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666;margin-top:6px}.pp-app .op-amount-block{margin-bottom:20px}.pp-app .op-payment-block{margin-bottom:18px}.pp-app .op-pay-method{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e2e4ea;border-radius:9px;font-size:12.5px;font-weight:600;color:#333;cursor:pointer;margin-bottom:8px}.pp-app .op-pay-method.selected{border-color:#635bff;background:#f3f0ff;color:#635bff}.pp-app .op-qr-box{text-align:center;background:#f8f9fe;border:1px solid #eaeaea;border-radius:12px;padding:18px;margin-top:12px}.pp-app .op-qr-title{font-size:12px;font-weight:700;color:#1a1a1a;margin-bottom:10px}.pp-app .op-qr-placeholder{width:110px;height:110px;margin:0 auto 10px;background:#fff;border:1px solid #e2e4ea;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:60px;color:#333}.pp-app .op-qr-upi{font-size:11px;color:#888;margin-bottom:8px}.pp-app .op-qr-apps{display:flex;justify-content:center;gap:10px;font-size:18px;color:#aaa}.pp-app .op-pay-btn{width:100%;border:none;background:#c7c2f9;color:#fff;padding:13px;border-radius:10px;font-size:13.5px;font-weight:700;cursor:not-allowed;display:flex;align-items:center;justify-content:center;gap:8px}.pp-app .op-confirm-note{display:flex;align-items:center;gap:6px;justify-content:center;font-size:11px;color:#16a34a;background:#f0fdf4;border-radius:8px;padding:8px;margin-top:10px}.pp-app .op-status-flex{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.pp-app .op-timeline{flex:1;min-width:260px}.pp-app .op-tl-item{display:flex;gap:12px;position:relative;padding-bottom:22px}.pp-app .op-tl-item:not(:last-child):before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:#e2e4ea}.pp-app .op-tl-dot{width:32px;height:32px;border-radius:50%;background:#f1f1f5;color:#b5b8c2;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:1}.pp-app .op-tl-dot.op-tl-done{background:#16a34a;color:#fff}.pp-app .op-tl-dot.op-tl-active{background:#635bff;color:#fff}.pp-app .op-tl-body{flex:1;padding-top:4px}.pp-app .op-tl-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:3px}.pp-app .op-tl-hd strong{font-size:12.5px;color:#1a1a1a}.pp-app .op-tl-body p{margin:0 0 4px;font-size:11.5px;color:#888}.pp-app .op-tl-time{font-size:10px;color:#aaa}.pp-app .op-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:999px;background:#f1f1f5;color:#999;white-space:nowrap}.pp-app .op-badge-done{background:#dcfce7;color:#16a34a;display:flex;align-items:center;gap:3px}.pp-app .op-badge-active{background:#eef2ff;color:#635bff}.pp-app .op-info-box{width:240px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:16px;flex-shrink:0}.pp-app .op-info-title{font-size:12.5px;font-weight:700;color:#92400e;margin-bottom:10px}.pp-app .op-info-box ul{margin:0;padding-left:16px}.pp-app .op-info-box li{font-size:11px;color:#92400e;line-height:1.7}.pp-app .op-card-preview{margin:16px 0;border-radius:10px;overflow:hidden;background:#f3f0ff;min-height:100px;display:flex;align-items:center;justify-content:center}.pp-app .op-card-preview img{width:100%;display:block}.pp-app .op-card-preview-empty{color:#635bff;font-size:26px;padding:30px 0}.pp-app .op-info-row{display:flex;gap:10px;padding:10px 0;border-top:1px solid #f4f4f8}.pp-app .op-info-row i{color:#635bff;font-size:16px;margin-top:2px}.pp-app .op-info-row div{display:flex;flex-direction:column;gap:1px}.pp-app .op-info-row strong{font-size:11.5px;color:#1a1a1a}.pp-app .op-info-row span{font-size:11px;color:#555}.pp-app .op-info-row small{font-size:10px;color:#999}.pp-app .op-status-chip{margin-top:14px;text-align:center;background:#f3f0ff;color:#635bff;font-size:11.5px;font-weight:700;padding:9px;border-radius:9px}.pp-app .op-status-chip-sm{padding:3px 10px;font-size:10px;background:#fffbeb;color:#92400e;margin:0}@media (max-width: 700px){.pp-app .op-status-flex{flex-direction:column}.pp-app .op-info-box{width:100%}}.pp-designer-theme{--bg: #f1f5f9;--bg2: #ffffff;--bg3: #f8f9fe;--bg4: #eef0f6;--border: #e2e8f0;--border2: #e2e8f0;--border3: #cbd5e1;--text: #1e293b;--text2: #64748b;--text3: #94a3b8;--accent: #635bff;--accent2: #534be0;--accentg: #f3f0ff;--teal: #10b981;--tealg: #10b98111;--green: #10b981;--greeng: #10b98111;--red: #ef4444;--amber: #f59e0b;--ambg: #f59e0b11;--r: 6px;--r2: 10px;--r3: 14px;--shadow: 0 4px 20px rgba(15, 23, 42, .08);font-family:Inter,DM Sans,sans-serif}.pp-designer-theme>div:first-child{box-shadow:0 1px 3px #0f172a0d}.pp-designer-theme .canvas-viewport-bg{background:var(--bg)}.pp-designer-theme .h-btn,.pp-designer-theme .btn-primary{border-radius:var(--r2);font-weight:600}.pp-designer-theme .btn-primary{box-shadow:0 2px 8px #635bff47}.pp-designer-theme .btn-primary:hover{box-shadow:0 4px 12px #635bff5c}.pp-designer-theme.pp-editor *{box-sizing:border-box}.pp-designer-theme .pp-toolbar{position:relative;display:flex;align-items:center;gap:10px;row-gap:8px;padding:9px 16px;background:radial-gradient(120% 180% at 8% -40%,#ffffff59,#fff0 45%),linear-gradient(100deg,#00d4c4,#12a8e8 32%,#3d6ff2 60%,#8b3ef5);box-shadow:inset 0 1px #fff6,0 4px 20px #3b3cb438;border-bottom:none;flex-shrink:0;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;z-index:2}.pp-designer-theme .pp-toolbar-brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.pp-designer-theme .pp-logo-badge{width:36px;height:36px;border-radius:11px;flex-shrink:0;background:linear-gradient(155deg,#fff,#eef2ff);color:#6d28d9;display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 3px 10px #1e145a40,inset 0 1px #ffffffe6;transition:transform .18s ease,box-shadow .18s ease}.pp-designer-theme .pp-toolbar-brand:hover .pp-logo-badge{transform:translateY(-1px) scale(1.04);box-shadow:0 5px 14px #1e145a52,inset 0 1px #ffffffe6}.pp-designer-theme .pp-logo-text h1{font-size:13px;font-weight:800;margin:0;line-height:1.1;color:#fff;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.pp-designer-theme .pp-logo-text span{font-size:8px;letter-spacing:.16em;color:#ffffffd9;font-weight:700}.pp-designer-theme .pp-project-meta{display:flex;flex-direction:column;gap:2px;flex-shrink:0;min-width:180px}.pp-designer-theme .pp-name-input{border:none;background:none;font-size:14px;font-weight:700;color:#fff;padding:3px 6px;border-radius:7px;width:100%;transition:background .15s ease}.pp-designer-theme .pp-name-input::placeholder{color:#ffffffb3}.pp-designer-theme .pp-name-input:hover,.pp-designer-theme .pp-name-input:focus{background:#ffffff2e;outline:none}.pp-designer-theme .pp-project-sub{display:flex;align-items:center;gap:8px;font-size:10px;color:#ffffffd9;padding-left:6px}.pp-designer-theme .pp-change-size-btn{font-size:10px;font-weight:700;color:#6d28d9;background:#fff;padding:2px 9px;border-radius:999px;text-decoration:none;white-space:nowrap;box-shadow:0 1px 4px #0000001f;transition:transform .15s ease}.pp-designer-theme .pp-change-size-btn:hover{transform:translateY(-1px)}.pp-designer-theme .pp-side-toggle{display:flex;background:#ffffff29;backdrop-filter:blur(6px);border-radius:9px;padding:3px;flex-shrink:0;box-shadow:inset 0 1px #ffffff40}.pp-designer-theme .pp-side-toggle button{border:none;background:none;padding:5px 13px;font-size:12px;font-weight:600;color:#ffffffe6;border-radius:7px;cursor:pointer;transition:all .15s ease}.pp-designer-theme .pp-side-toggle button.active{background:#fff;color:#6d28d9;box-shadow:0 2px 6px #0000002e}.pp-designer-theme .pp-tool-btn-group{display:flex;gap:3px;flex-shrink:0}.pp-designer-theme .pp-icon-btn{width:32px;height:32px;border-radius:9px;border:1px solid rgba(255,255,255,.32);background:#ffffff29;backdrop-filter:blur(6px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;flex-shrink:0;box-shadow:inset 0 1px #ffffff40;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.pp-designer-theme .pp-icon-btn:hover:not(:disabled){background:#ffffff52;transform:translateY(-1px);box-shadow:0 3px 8px #00000026,inset 0 1px #ffffff4d}.pp-designer-theme .pp-icon-btn:disabled{opacity:.35;cursor:not-allowed}.pp-designer-theme .pp-icon-btn.danger:hover{color:#ffe4e6;border-color:#ffe4e6}.pp-designer-theme .pp-select-sm,.pp-designer-theme .pp-num-xs{border:1px solid rgba(255,255,255,.32);border-radius:9px;background:#ffffff29;backdrop-filter:blur(6px);padding:6px 8px;font-size:11px;color:#fff;flex-shrink:0;box-shadow:inset 0 1px #ffffff40}.pp-designer-theme .pp-select-sm option,.pp-designer-theme .pp-num-xs{color:#1e293b}.pp-designer-theme .pp-select-sm{color:#fff}.pp-designer-theme .pp-num-xs{width:56px}.pp-designer-theme .pp-num-xs::placeholder{color:#ffffffb3}.pp-designer-theme .pp-zoom-group{display:flex;align-items:center;gap:4px;background:#ffffff29;backdrop-filter:blur(6px);border-radius:9px;padding:3px 6px;flex-shrink:0;box-shadow:inset 0 1px #ffffff40}.pp-designer-theme .pp-zoom-group button{border:none;background:none;color:#fff;font-size:11px;font-weight:600;padding:4px 6px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.pp-designer-theme .pp-zoom-group button.on{background:#fff;color:#6d28d9;box-shadow:0 2px 5px #00000026}.pp-designer-theme .pp-zoom-group span{font-size:11px;color:#fff;font-weight:600;min-width:34px;text-align:center}.pp-designer-theme .pp-divider-v{width:1px;height:16px;background:#ffffff59;margin:0 2px}.pp-designer-theme .pp-toggle-chip{display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.32);background:#ffffff29;backdrop-filter:blur(6px);padding:6px 11px;border-radius:999px;font-size:11px;font-weight:600;color:#fff;cursor:pointer;flex-shrink:0;white-space:nowrap;box-shadow:inset 0 1px #ffffff40;transition:background .15s ease,transform .15s ease}.pp-designer-theme .pp-toggle-chip:hover:not(:disabled){background:#ffffff47;transform:translateY(-1px)}.pp-designer-theme .pp-toggle-chip.on{background:#fff;border-color:#fff;color:#6d28d9;box-shadow:0 2px 6px #0000002e}.pp-designer-theme .pp-toggle-chip.pp-disabled,.pp-designer-theme .pp-toggle-chip:disabled{opacity:.5;cursor:not-allowed}.pp-designer-theme .pp-toolbar-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.pp-designer-theme .pp-btn-outline{display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.35);background:#ffffff29;backdrop-filter:blur(6px);padding:8px 14px;border-radius:10px;font-size:12px;font-weight:600;color:#fff;cursor:pointer;white-space:nowrap;box-shadow:inset 0 1px #ffffff40;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.pp-designer-theme .pp-btn-outline:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px);box-shadow:0 3px 10px #00000026}.pp-designer-theme .pp-btn-outline.on{background:#fff;border-color:#fff;color:#6d28d9}.pp-designer-theme .pp-btn-outline.pp-disabled,.pp-designer-theme .pp-btn-outline:disabled{opacity:.45;cursor:not-allowed}.pp-designer-theme .pp-btn-gradient{display:flex;align-items:center;gap:6px;border:none;background:linear-gradient(135deg,#ffb020,#ff5f6d);color:#fff;padding:8px 16px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 3px 12px #ff5f6d66,inset 0 1px #ffffff4d;transition:transform .15s ease,box-shadow .15s ease}.pp-designer-theme .pp-btn-gradient:hover{transform:translateY(-1px);box-shadow:0 5px 16px #ff5f6d80,inset 0 1px #ffffff4d}.pp-designer-theme .pp-btn-primary{display:flex;align-items:center;gap:6px;border:none;background:#fff;color:#6d28d9;padding:8px 18px;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 3px 12px #140a3c40;transition:transform .15s ease,box-shadow .15s ease}.pp-designer-theme .pp-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px #140a3c4d}.pp-designer-theme .pp-btn-primary:disabled{opacity:.6;cursor:not-allowed}.pp-designer-theme .pp-preview-strip{display:flex;align-items:center;gap:10px;background:#fff7ed;border-bottom:1px solid #fde68a;padding:6px 16px;font-size:12px;color:#92400e;flex-shrink:0}.pp-designer-theme .pp-preview-strip button{border:none;background:#fff;border-radius:6px;width:22px;height:22px;cursor:pointer;color:#92400e}.pp-designer-theme .pp-preview-strip button:disabled{opacity:.35}.pp-designer-theme .pp-preview-count{font-weight:700}.pp-designer-theme .pp-preview-label{font-weight:600;margin-left:4px}.pp-designer-theme .pp-preview-close{margin-left:auto}.pp-designer-theme .pp-left-rail{width:68px;min-width:68px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:2px;overflow-y:auto;overflow-x:hidden;height:100%;min-height:0;box-sizing:border-box}.pp-designer-theme .pp-left-rail button{width:58px;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;padding:8px 2px;border-radius:10px;cursor:pointer;color:var(--text3)}.pp-designer-theme .pp-left-rail button i{font-size:18px}.pp-designer-theme .pp-left-rail button span{font-size:8.5px;font-weight:600;text-align:center;line-height:1.1}.pp-designer-theme .pp-left-rail button:hover{background:var(--bg3);color:var(--text2)}.pp-designer-theme .pp-left-rail button.active{background:var(--accentg);color:var(--accent)}.pp-designer-theme .pp-left-panel{width:260px;min-width:260px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);padding:16px;overflow-y:auto;overflow-x:hidden;height:100%;min-height:0;box-sizing:border-box}.pp-designer-theme .pp-left-panel.pp-left-wide{width:340px;min-width:340px}.pp-designer-theme .pp-panel-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:12px}.pp-designer-theme .pp-panel-hint{font-size:11px;color:var(--text3);line-height:1.5;margin:8px 0}.pp-designer-theme .pp-panel-hint a,.pp-designer-theme .pp-inline-link{color:var(--accent);font-weight:600;text-decoration:none;background:none;border:none;cursor:pointer;font-size:11px;padding:0}.pp-designer-theme .pp-btn-grid-1{display:flex;flex-direction:column;gap:6px}.pp-designer-theme .pp-tool-row-btn{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--border);background:var(--bg2);padding:10px 12px;border-radius:9px;font-size:12px;font-weight:600;color:var(--text);cursor:pointer}.pp-designer-theme .pp-tool-row-btn i{font-size:15px;color:var(--accent)}.pp-designer-theme .pp-tool-row-btn:hover{background:var(--accentg);border-color:#c7bfff}.pp-designer-theme .pp-btn-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pp-designer-theme .pp-tool-btn{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--border);background:var(--bg2);padding:14px 8px;border-radius:10px;font-size:11px;font-weight:600;color:var(--text);cursor:pointer}.pp-designer-theme .pp-tool-btn span{font-size:18px;color:var(--accent)}.pp-designer-theme .pp-tool-btn:hover:not(:disabled){background:var(--accentg);border-color:#c7bfff}.pp-designer-theme .pp-tool-btn.pp-disabled,.pp-designer-theme .pp-tool-btn:disabled{opacity:.4;cursor:not-allowed}.pp-designer-theme .pp-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text3);margin-bottom:8px;display:flex;align-items:center;gap:5px}.pp-designer-theme .pp-field-list{display:flex;flex-direction:column;gap:5px}.pp-designer-theme .pp-field-btn{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid var(--border);background:var(--bg3);padding:8px 10px;border-radius:8px;font-size:11px;font-weight:600;color:var(--text2);cursor:pointer;font-family:monospace}.pp-designer-theme .pp-field-btn:hover{background:var(--accentg);color:var(--accent);border-color:#c7bfff}.pp-designer-theme .pp-field-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.pp-designer-theme .pp-upload-dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed var(--border2);border-radius:12px;padding:20px 10px;cursor:pointer;background:var(--bg3);margin-bottom:10px}.pp-designer-theme .pp-upload-dropzone i{font-size:22px;color:var(--accent)}.pp-designer-theme .pp-upload-dropzone span{font-size:11px;font-weight:600;color:var(--text2)}.pp-designer-theme .pp-upload-dropzone:hover{border-color:var(--accent)}.pp-designer-theme .pp-full-btn,.pp-designer-theme .pp-full-btn-outline{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;text-align:center;padding:9px 10px;border-radius:9px;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;margin-bottom:8px}.pp-designer-theme .pp-full-btn{background:var(--accent);color:#fff;border:none}.pp-designer-theme .pp-full-btn-outline{background:var(--bg2);color:var(--text2);border:1px solid var(--border)}.pp-designer-theme .pp-full-btn-outline:hover{background:var(--bg3)}.pp-designer-theme .pp-full-btn-danger{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;background:#fef2f2;color:var(--red);border:1px solid #fecaca;padding:9px 10px;border-radius:9px;font-size:12px;font-weight:600;cursor:pointer}.pp-designer-theme .pp-text-danger-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--red);font-size:11px;font-weight:600;cursor:pointer;padding:4px 0}.pp-designer-theme .pp-coming-soon{text-align:center;padding:20px 12px;background:var(--bg3);border:1px dashed var(--border2);border-radius:12px}.pp-designer-theme .pp-coming-soon i{font-size:26px;color:var(--text3);margin-bottom:8px;display:block}.pp-designer-theme .pp-cs-title{font-size:12px;font-weight:700;color:var(--text2);margin-bottom:4px}.pp-designer-theme .pp-cs-text{font-size:10.5px;color:var(--text3);line-height:1.5}.pp-designer-theme .pp-input-xs{flex:1;border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:11px;font-family:monospace;text-transform:uppercase;background:var(--bg2);color:var(--text)}.pp-designer-theme .pp-add-chip-btn{width:30px;border:none;background:var(--accent);color:#fff;border-radius:6px;cursor:pointer;font-weight:700}.pp-designer-theme .pp-inline-link-btn{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--accent);cursor:pointer;padding:6px 0}.pp-designer-theme .pp-swatch-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.pp-designer-theme .pp-swatch{width:22px;height:22px;border-radius:6px;cursor:pointer;border:2px solid transparent;box-shadow:0 0 0 1px var(--border)}.pp-designer-theme .pp-swatch.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.pp-designer-theme .pp-color-input{width:100%;height:32px;border:1px solid var(--border);border-radius:8px;cursor:pointer;background:none}.pp-designer-theme .pp-layer-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:12px;color:var(--text2)}.pp-designer-theme .pp-layer-row:hover{background:var(--bg3)}.pp-designer-theme .pp-layer-row.selected{background:var(--accentg);color:var(--accent)}.pp-designer-theme .pp-layer-row i:first-child{font-size:13px}.pp-designer-theme .pp-layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:11px}.pp-designer-theme .pp-group-badge{font-size:9px;font-weight:700;background:#e0e7ff;color:#4338ca;padding:1px 4px;border-radius:4px;letter-spacing:.02em}.pp-designer-theme .pp-layer-lock-btn{background:none;border:none;cursor:pointer;padding:2px 4px;border-radius:4px;color:var(--text3);display:flex;align-items:center;justify-content:center}.pp-designer-theme .pp-layer-lock-btn:hover{background:#0000000f;color:var(--text)}.pp-designer-theme .pp-layer-lock-btn.locked{color:#ea580c;background:#fff7ed}.pp-designer-theme .pp-layer-del{color:var(--red);font-size:13px;padding:2px;cursor:pointer}.pp-designer-theme .pp-locked-banner{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:10px 12px;margin-bottom:12px;display:flex;flex-direction:column;gap:6px}.pp-designer-theme .pp-locked-banner-hd{font-size:11px;font-weight:700;color:#c2410c;display:flex;align-items:center;gap:6px}.pp-designer-theme .pp-locked-banner-text{font-size:11px;color:#9a3412;line-height:1.35}.pp-designer-theme .pp-unlock-btn{align-self:flex-start;background:#ea580c;color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px}.pp-designer-theme .pp-unlock-btn:hover{background:#c2410c}.pp-designer-theme .pp-canvas-viewport{flex:1;min-width:0;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:40px 24px;background:var(--bg);position:relative;height:100%;min-height:0;box-sizing:border-box}.pp-designer-theme .pp-artboard{position:relative;box-shadow:0 8px 30px #0f172a24;border-radius:4px;overflow:hidden;background-size:cover;background-position:center}.pp-designer-theme .pp-safe-area-guide{position:absolute;inset:4%;border:1px dashed rgba(16,185,129,.6);pointer-events:none;z-index:1}.pp-designer-theme .pp-rh{position:absolute;width:9px;height:9px;background:#fff;border:2px solid var(--accent);border-radius:2px;z-index:20}.pp-designer-theme .pp-rh.nw{top:-5px;left:-5px;cursor:nwse-resize}.pp-designer-theme .pp-rh.ne{top:-5px;right:-5px;cursor:nesw-resize}.pp-designer-theme .pp-rh.sw{bottom:-5px;left:-5px;cursor:nesw-resize}.pp-designer-theme .pp-rh.se{bottom:-5px;right:-5px;cursor:nwse-resize}.pp-designer-theme .pp-rh.n{top:-5px;left:50%;margin-left:-4px;cursor:ns-resize}.pp-designer-theme .pp-rh.s{bottom:-5px;left:50%;margin-left:-4px;cursor:ns-resize}.pp-designer-theme .pp-rh.w{left:-5px;top:50%;margin-top:-4px;cursor:ew-resize}.pp-designer-theme .pp-rh.e{right:-5px;top:50%;margin-top:-4px;cursor:ew-resize}.pp-designer-theme .pp-rotate-handle-stem{position:absolute;top:-24px;left:50%;width:1px;height:20px;background:var(--accent)}.pp-designer-theme .pp-rotate-handle{position:absolute;top:-32px;left:50%;margin-left:-6px;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:grab;z-index:20}.pp-designer-theme .pp-el-lock-badge{position:absolute;top:4px;right:4px;font-size:11px;color:#fff;background:#00000080;border-radius:4px;padding:2px 3px;z-index:15}.pp-designer-theme .pp-right-panel{width:260px;min-width:260px;flex-shrink:0;background:var(--bg2);border-left:1px solid var(--border);padding:16px;overflow-y:auto;overflow-x:hidden;height:100%;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;gap:0}.pp-designer-theme .pp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pp-designer-theme .pp-mini-label{font-size:10px;font-weight:600;color:var(--text3);display:block;margin-bottom:4px}.pp-designer-theme .pp-mini-label em{font-style:normal;font-weight:400;opacity:.7}.pp-designer-theme .pp-mini-value{font-size:10px;color:var(--text3);float:right}.pp-designer-theme .pp-input-sm{width:100%;border:1px solid var(--border);border-radius:7px;padding:6px 8px;font-size:12px;background:var(--bg2);color:var(--text)}.pp-designer-theme .pp-input-mono{width:100%;border:1px solid var(--border);border-radius:7px;padding:6px 8px;font-size:11px;font-family:monospace;background:var(--bg2);color:var(--text)}.pp-designer-theme .pp-textarea{width:100%;border:1px solid var(--border);border-radius:7px;padding:6px 8px;font-size:12px;background:var(--bg2);color:var(--text);resize:vertical}.pp-designer-theme .pp-select-full{width:100%;border:1px solid var(--border);border-radius:7px;padding:7px 8px;font-size:12px;background:var(--bg2);color:var(--text)}.pp-designer-theme .pp-layer-order-row{display:flex;gap:6px;margin-top:8px}.pp-designer-theme .pp-layer-order-row button,.pp-designer-theme .pp-align-grid button{flex:1;border:1px solid var(--border);background:var(--bg2);border-radius:7px;padding:7px 0;color:var(--text2);cursor:pointer;font-size:13px}.pp-designer-theme .pp-layer-order-row button:hover,.pp-designer-theme .pp-align-grid button:hover{background:var(--accentg);color:var(--accent)}.pp-designer-theme .pp-align-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pp-designer-theme .pp-format-row{display:flex;gap:6px;margin-top:6px}.pp-designer-theme .pp-format-row button{flex:1;border:1px solid var(--border);background:var(--bg2);border-radius:7px;padding:7px 0;color:var(--text2);cursor:pointer;font-size:12px;font-weight:700}.pp-designer-theme .pp-format-row button.on{background:var(--accentg);border-color:#c7bfff;color:var(--accent)}.pp-designer-theme .pp-collapsible{margin-top:12px;border-top:1px solid var(--border);padding-top:10px}.pp-designer-theme .pp-collapsible-hd{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:11px;font-weight:700;color:var(--text2)}.pp-designer-theme .pp-collapsible-body{margin-top:10px}.pp-designer-theme .pp-no-selection{text-align:center;color:var(--text3);font-size:12px;padding:30px 10px;display:flex;flex-direction:column;align-items:center;gap:8px}.pp-designer-theme .pp-no-selection i{font-size:30px}.pp-designer-theme .pp-shortcuts{margin-top:20px;text-align:left;width:100%;background:var(--bg3);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:5px;font-size:10.5px;color:var(--text3)}.pp-designer-theme .pp-shortcuts strong{color:var(--text2);font-size:11px;margin-bottom:2px}.pp-designer-theme .pp-far-right-rail{width:56px;min-width:56px;flex-shrink:0;background:var(--bg2);border-left:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:10px;height:100%;min-height:0;overflow-y:auto;box-sizing:border-box}.pp-designer-theme .pp-far-right-rail button{width:44px;display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:none;color:var(--text3);cursor:pointer;padding:6px 0;border-radius:8px}.pp-designer-theme .pp-far-right-rail button i{font-size:17px}.pp-designer-theme .pp-far-right-rail button span{font-size:8px;font-weight:600}.pp-designer-theme .pp-far-right-rail button:hover{background:var(--bg3);color:var(--text2)}.pp-designer-theme .pp-far-right-rail button.active{color:var(--accent);background:var(--accentg)}.pp-designer-theme .pp-page-tabs{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg2);border-top:1px solid var(--border);flex-shrink:0;overflow-x:auto}.pp-designer-theme .pp-page-tab{display:flex;align-items:center;gap:8px;border:2px solid var(--border);background:var(--bg3);padding:6px 12px 6px 6px;border-radius:10px;font-size:11px;font-weight:600;color:var(--text2);cursor:pointer}.pp-designer-theme .pp-page-tab.active{border-color:var(--accent);background:var(--accentg);color:var(--accent)}.pp-designer-theme .pp-page-thumb{width:30px;height:20px;border-radius:4px;background:linear-gradient(135deg,#1a3c8f,#0284c7);display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px}.pp-designer-theme .pp-status-bar{display:flex;align-items:center;gap:16px;padding:6px 16px;background:var(--bg3);font-size:10.5px;color:var(--text3);border-top:1px solid var(--border);flex-shrink:0}.pp-designer-theme .pp-status-flash{color:var(--accent);font-weight:600;margin-left:auto}@media (max-width: 1200px){.pp-designer-theme .pp-left-panel{width:220px;min-width:220px}.pp-designer-theme .pp-left-panel.pp-left-wide{width:300px;min-width:300px}.pp-designer-theme .pp-right-panel{width:230px;min-width:230px}}.pp-designer-theme .pp-center-col{flex:1;min-width:0;position:relative;display:flex;height:100%;min-height:0}.pp-designer-theme .pp-ctx-bar{position:absolute;top:10px;left:0;right:0;margin:0 auto;width:max-content;z-index:60;display:flex;align-items:center;gap:1px;padding:5px 6px;max-width:calc(100% - 16px);background:#fff;border-radius:12px;box-shadow:0 4px 18px #0f172a24,0 0 0 1px #0f172a0d;flex-wrap:wrap;justify-content:center}.pp-designer-theme .pp-ctx-wrap{position:relative;display:inline-flex}.pp-designer-theme .pp-ctx-bar .pp-ctx-sep{width:1px;height:22px;background:var(--border2);margin:0 4px}.pp-designer-theme .pp-ctx-btn{position:relative;height:34px;min-width:31px;padding:0 6px;border:none;background:transparent;border-radius:8px;color:#1f2937;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.pp-designer-theme .pp-ctx-btn i{font-size:18px}.pp-designer-theme .pp-ctx-btn:hover{background:#f1f5f9}.pp-designer-theme .pp-ctx-btn.on{background:var(--accentg);color:var(--accent)}.pp-designer-theme .pp-ctx-btn:disabled{opacity:.35;cursor:not-allowed}.pp-designer-theme .pp-ctx-font{height:34px;width:124px;border:1px solid var(--border2);border-radius:8px;padding:0 6px;font-size:13px;background:#fff;color:#1f2937;cursor:pointer}.pp-designer-theme .pp-ctx-size{display:inline-flex;align-items:center;border:1px solid var(--border2);border-radius:8px;height:34px;overflow:hidden}.pp-designer-theme .pp-ctx-size button{width:26px;height:100%;border:none;background:transparent;font-size:16px;cursor:pointer;color:#1f2937}.pp-designer-theme .pp-ctx-size button:hover{background:#f1f5f9}.pp-designer-theme .pp-ctx-size input{width:38px;border:none;text-align:center;font-size:13px;font-weight:600;outline:none;-moz-appearance:textfield}.pp-designer-theme .pp-ctx-size input::-webkit-inner-spin-button{-webkit-appearance:none}.pp-designer-theme .pp-ctx-color-a{display:flex;flex-direction:column;align-items:center;line-height:1;font-size:17px;font-weight:700}.pp-designer-theme .pp-ctx-color-a span{width:20px;height:4px;border-radius:2px;margin-top:2px}.pp-designer-theme .pp-ctx-swatch{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.pp-designer-theme .pp-ctx-pop{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:70;min-width:240px;background:#fff;border-radius:12px;padding:12px;box-shadow:0 10px 30px #0f172a2e,0 0 0 1px #0f172a0f;cursor:default;text-align:left;font-weight:400;color:#1f2937}.pp-designer-theme .pp-ctx-pop.right{left:auto;right:0;transform:none}.pp-designer-theme .pp-ctx-pop h5{margin:0 0 8px;font-size:12px;font-weight:700;color:#111827}.pp-designer-theme .pp-ctx-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px}.pp-designer-theme .pp-ctx-row label{width:84px;flex:none;color:#475569}.pp-designer-theme .pp-ctx-row input[type=range]{flex:1;accent-color:var(--accent)}.pp-designer-theme .pp-ctx-row .val{width:38px;text-align:right;font-variant-numeric:tabular-nums;color:#111827}.pp-designer-theme .pp-ctx-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:8px;font-size:13px;color:#1f2937;cursor:pointer;text-align:left}.pp-designer-theme .pp-ctx-menu-item:hover{background:#f1f5f9}.pp-designer-theme .pp-ctx-menu-item.danger{color:#dc2626}.pp-designer-theme .pp-ctx-menu-item i{font-size:18px}.pp-designer-theme .pp-ctx-chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pp-designer-theme .pp-ctx-chip{border:1px solid var(--border2);border-radius:8px;padding:7px 4px;background:#fff;font-size:11px;font-weight:600;cursor:pointer;color:#1f2937;display:flex;flex-direction:column;align-items:center;gap:3px}.pp-designer-theme .pp-ctx-chip i{font-size:18px}.pp-designer-theme .pp-ctx-chip.on{border-color:var(--accent);background:var(--accentg);color:var(--accent)}.pp-designer-theme .pp-float-bar{position:absolute;z-index:40;display:flex;align-items:center;gap:2px;padding:4px;background:#fff;border-radius:999px;box-shadow:0 4px 16px #0f172a2e,0 0 0 1px #0f172a0f;white-space:nowrap}.pp-designer-theme .pp-float-bar button{width:34px;height:34px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:#1f2937;display:inline-flex;align-items:center;justify-content:center;position:relative}.pp-designer-theme .pp-float-bar button i{font-size:19px}.pp-designer-theme .pp-float-bar button:hover{background:#f1f5f9}.pp-designer-theme .pp-float-bar .pp-ctx-pop{min-width:200px;padding:6px}.pp-designer-theme .pp-crop-layer{position:absolute;inset:0;z-index:45;pointer-events:none}.pp-designer-theme .pp-crop-ghost{position:absolute;pointer-events:auto;cursor:move;overflow:hidden;outline:1px dashed rgba(99,91,255,.7)}.pp-designer-theme .pp-crop-ghost img{width:100%;height:100%;display:block;opacity:.35;pointer-events:none;-webkit-user-select:none;user-select:none}.pp-designer-theme .pp-crop-frame{position:absolute;pointer-events:auto;cursor:move;overflow:visible;box-shadow:0 0 0 2px #fff,0 0 0 3px #635bff}.pp-designer-theme .pp-crop-clip{position:absolute;inset:0;overflow:hidden}.pp-designer-theme .pp-crop-clip>img{position:absolute;max-width:none;max-height:none;pointer-events:none;-webkit-user-select:none;user-select:none}.pp-designer-theme .pp-crop-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,transparent calc(33.33% - .5px),rgba(255,255,255,.7) calc(33.33% - .5px),rgba(255,255,255,.7) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgba(255,255,255,.7) calc(66.66% - .5px),rgba(255,255,255,.7) calc(66.66% + .5px),transparent calc(66.66% + .5px)),linear-gradient(to bottom,transparent calc(33.33% - .5px),rgba(255,255,255,.7) calc(33.33% - .5px),rgba(255,255,255,.7) calc(33.33% + .5px),transparent calc(33.33% + .5px),transparent calc(66.66% - .5px),rgba(255,255,255,.7) calc(66.66% - .5px),rgba(255,255,255,.7) calc(66.66% + .5px),transparent calc(66.66% + .5px))}.pp-designer-theme .pp-crop-h{position:absolute;width:14px;height:14px;background:#fff;border:2px solid #635bff;border-radius:50%;box-sizing:border-box;z-index:2}.pp-designer-theme .pp-crop-h.h-n,.pp-designer-theme .pp-crop-h.h-s{width:22px;height:8px;border-radius:4px}.pp-designer-theme .pp-crop-h.h-e,.pp-designer-theme .pp-crop-h.h-w{width:8px;height:22px;border-radius:4px}.pp-designer-theme .pp-crop-h.h-nw{left:-7px;top:-7px;cursor:nwse-resize;transform-origin:50% 50%}.pp-designer-theme .pp-crop-h.h-ne{right:-7px;top:-7px;cursor:nesw-resize}.pp-designer-theme .pp-crop-h.h-sw{left:-7px;bottom:-7px;cursor:nesw-resize}.pp-designer-theme .pp-crop-h.h-se{right:-7px;bottom:-7px;cursor:nwse-resize}.pp-designer-theme .pp-crop-h.h-n{top:-4px;left:calc(50% - 11px);cursor:ns-resize}.pp-designer-theme .pp-crop-h.h-s{bottom:-4px;left:calc(50% - 11px);cursor:ns-resize}.pp-designer-theme .pp-crop-h.h-w{left:-4px;top:calc(50% - 11px);cursor:ew-resize}.pp-designer-theme .pp-crop-h.h-e{right:-4px;top:calc(50% - 11px);cursor:ew-resize}.pp-designer-theme .pp-upl-masonry{column-count:2;column-gap:8px;max-height:calc(100vh - 300px);overflow-y:auto;overflow-x:hidden;padding-right:2px}.pp-designer-theme .pp-upl-tile{position:relative;break-inside:avoid;margin:0 0 8px;border-radius:8px;overflow:hidden;cursor:pointer;background:#f3f4f6;display:block;width:100%}.pp-designer-theme .pp-upl-tile img{display:block;width:100%;height:auto;min-height:40px;object-fit:cover}.pp-designer-theme .pp-upl-tile:hover{box-shadow:0 0 0 2px var(--accent)}.pp-designer-theme .pp-upl-actions{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.pp-designer-theme .pp-upl-actions button{width:26px;height:26px;border:none;border-radius:6px;background:#fffffff2;color:#1f2937;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0003;font-size:15px}.pp-designer-theme .pp-upl-actions button:hover{background:var(--accent);color:#fff}.pp-designer-theme .pp-upl-name{position:absolute;left:0;right:0;bottom:0;padding:14px 6px 4px;font-size:10px;color:#fff;background:linear-gradient(transparent,#0009);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transition:opacity .15s}.pp-designer-theme .pp-upl-tile:hover .pp-upl-actions,.pp-designer-theme .pp-upl-tile:hover .pp-upl-name{opacity:1}.pp-designer-theme .pp-font-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:4px;text-align:left}.pp-designer-theme .pp-font-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-designer-theme .pp-font-btn.on{border-color:var(--accent)}.pp-designer-theme .pp-font-pop{left:0;transform:none;width:260px;padding:8px}.pp-designer-theme .pp-font-search{position:relative;margin-bottom:6px}.pp-designer-theme .pp-font-search i{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#94a3b8}.pp-designer-theme .pp-font-search input{width:100%;box-sizing:border-box;height:34px;padding:0 10px 0 28px;border:1px solid var(--border2);border-radius:8px;font-size:13px;outline:none}.pp-designer-theme .pp-font-search input:focus{border-color:var(--accent)}.pp-designer-theme .pp-font-list{max-height:360px;overflow-y:auto}.pp-designer-theme .pp-font-group{font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;padding:8px 8px 4px}.pp-designer-theme .pp-font-item{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;padding:7px 8px;border-radius:6px;font-size:16px;color:#1f2937;cursor:pointer;text-align:left}.pp-designer-theme .pp-font-item:hover{background:#f1f5f9}.pp-designer-theme .pp-font-item.on{color:var(--accent);background:var(--accentg)}.pp-designer-theme .pp-font-item i{font-size:16px}.pp-app .pp-artboard *,.pp-designer-theme .pp-artboard *{font-family:inherit}.pp-app .pp-artboard,.pp-designer-theme .pp-artboard{font-family:Arial,sans-serif}.pp-designer-theme .pp-rmenu{position:fixed;z-index:6000;min-width:230px;padding:6px;background:#fff;border-radius:12px;box-shadow:0 12px 32px #0f172a33,0 0 0 1px #0f172a0f;font-family:Inter,sans-serif}.pp-designer-theme .pp-rmenu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:8px;font-size:13px;color:#1f2937;cursor:pointer;text-align:left}.pp-designer-theme .pp-rmenu button:hover:not(:disabled){background:#f1f5f9}.pp-designer-theme .pp-rmenu button:disabled{opacity:.4;cursor:not-allowed}.pp-designer-theme .pp-rmenu button.danger{color:#dc2626}.pp-designer-theme .pp-rmenu button i{font-size:17px;width:18px;text-align:center}.pp-designer-theme .pp-rmenu kbd{margin-left:auto;font-family:inherit;font-size:11px;color:#94a3b8;background:none;border:none}.pp-designer-theme .pp-rmenu .sep{height:1px;background:#e5e7eb;margin:4px 6px}.pp-designer-theme .pp-rmenu-sub{position:relative}.pp-designer-theme .pp-rmenu-sub .pp-rmenu-panel{display:none;position:absolute;left:calc(100% - 4px);top:-6px;min-width:220px}.pp-designer-theme .pp-rmenu-sub:hover .pp-rmenu-panel{display:block}.pp-designer-theme .pp-qrail{position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:55;display:flex;flex-direction:column;gap:4px;padding:6px;background:#fff;border-radius:14px;box-shadow:0 4px 18px #0f172a24,0 0 0 1px #0f172a0d}.pp-designer-theme .pp-qrail button{width:40px;height:40px;border:none;border-radius:10px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1f2937}.pp-designer-theme .pp-qrail button i{font-size:22px}.pp-designer-theme .pp-qrail button:hover{background:#f1f5f9}.pp-designer-theme .pp-qrail button.on{background:var(--accentg);color:var(--accent)}.pp-designer-theme .pp-qrail-wrap{position:relative}.pp-designer-theme .pp-qrail-fly{position:absolute;left:calc(100% + 10px);top:0;display:flex;gap:4px;padding:6px;background:#fff;border-radius:12px;box-shadow:0 4px 18px #0f172a24,0 0 0 1px #0f172a0d}.pp-designer-theme .pp-qrail-fly i{color:#334155}.pp-designer-theme .pp-drawpanel{position:absolute;left:70px;top:50%;transform:translateY(-50%);z-index:55;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;background:#fff;border-radius:16px;box-shadow:0 4px 18px #0f172a24,0 0 0 1px #0f172a0d}.pp-designer-theme .pp-pen{width:76px;height:34px;border:none;background:transparent;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:flex-start;padding:0 0 0 2px;transition:transform .12s}.pp-designer-theme .pp-pen:hover{background:#f8fafc}.pp-designer-theme .pp-pen.on{transform:translate(8px);background:var(--accentg)}.pp-designer-theme .pp-draw-color{width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cbd5e1;cursor:pointer;margin-top:4px}.pp-designer-theme .pp-draw-weight,.pp-designer-theme .pp-draw-done{width:36px;height:36px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:22px;color:#1f2937;display:flex;align-items:center;justify-content:center}.pp-designer-theme .pp-draw-weight:hover{background:#f1f5f9}.pp-designer-theme .pp-draw-done{background:var(--accent);color:#fff;font-size:20px}.pp-designer-theme .pp-draw-pop{min-width:230px}.pp-designer-theme .pp-drawpanel .pp-draw-pop{left:calc(100% + 14px);top:-8px;transform:none}.pp-designer-theme .pp-ctx-bar .pp-draw-color{width:26px;height:26px;margin:0 4px}.pp-designer-theme .pp-draw-swatches{display:grid;grid-template-columns:repeat(6,26px);gap:8px}.pp-designer-theme .pp-draw-swatches button{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cbd5e1;cursor:pointer;padding:0}.pp-designer-theme .pp-draw-swatches button.on{box-shadow:0 0 0 2px var(--accent)}.pp-designer-theme .pp-draw-custom{width:26px;height:26px;border-radius:50%;border:1px dashed #94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;color:#64748b}.pp-designer-theme .pp-draw-custom input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.pp-designer-theme .pp-draw-layer{position:absolute;left:0;top:0;z-index:44;touch-action:none}.pp-designer-theme .pp-canvas-viewport{justify-content:flex-start}.pp-designer-theme .pp-pages-col{display:flex;flex-direction:column;align-items:center;margin:0 auto;padding-bottom:40px;flex-shrink:0}.pp-designer-theme .pp-page-frame{position:relative;flex-shrink:0;margin-bottom:26px}.pp-designer-theme .pp-page-frame.pp-page-hidden>div:not(.pp-page-hidden-badge),.pp-designer-theme .pp-page-preview.pp-page-hidden ds-template-thumb{opacity:.4}.pp-designer-theme .pp-page-preview{cursor:pointer;border-radius:4px;box-shadow:0 8px 30px #0f172a1a;background:#fff;outline:2px solid transparent;transition:outline-color .12s}.pp-designer-theme .pp-page-preview:hover{outline-color:#a78bfa}.pp-designer-theme .pp-page-preview ds-template-thumb{position:absolute;inset:0;pointer-events:none}.pp-designer-theme .pp-page-preview-lock{position:absolute;top:8px;right:8px;background:#0f172ab3;color:#fff;border-radius:6px;padding:2px 5px;font-size:13px}.pp-designer-theme .pp-page-hidden-badge{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:50;background:#0f172ac7;color:#fff;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;pointer-events:none;white-space:nowrap}.pp-designer-theme .pp-page-shield{position:absolute;inset:0;z-index:99990;cursor:not-allowed;background:transparent}.pp-designer-theme .pp-page-head{display:flex;align-items:center;gap:4px;height:34px;margin-bottom:6px;flex-shrink:0;color:#1f2937;font-size:13px;cursor:pointer}.pp-designer-theme .pp-page-no{font-weight:700;white-space:nowrap}.pp-designer-theme .pp-page-dash{color:#6b7280;margin:0 2px}.pp-designer-theme .pp-page-title{flex:1 1 60px;min-width:40px;border:1px solid transparent;background:transparent;border-radius:6px;padding:4px 6px;font-size:13px;color:#374151;outline:none;text-overflow:ellipsis}.pp-designer-theme .pp-page-title::placeholder{color:#9ca3af}.pp-designer-theme .pp-page-title:hover{border-color:#e5e7eb}.pp-designer-theme .pp-page-title:focus{border-color:#8b5cf6;background:#fff}.pp-designer-theme .pp-page-flag{color:#6b7280;font-size:15px}.pp-designer-theme .pp-page-actions{display:flex;align-items:center;gap:2px;margin-left:auto;opacity:.55;transition:opacity .12s}.pp-designer-theme .pp-page-head.active .pp-page-actions,.pp-designer-theme .pp-page-head:hover .pp-page-actions{opacity:1}.pp-designer-theme .pp-page-actions button{width:30px;height:30px;border:none;background:transparent;border-radius:7px;color:#374151;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.pp-designer-theme .pp-page-actions button:hover:not(:disabled){background:#0f172a12}.pp-designer-theme .pp-page-actions button:disabled{color:#cbd5e1;cursor:default}.pp-designer-theme .pp-page-actions button.on{color:#7c3aed}.pp-designer-theme .pp-addpage{display:flex;height:44px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;flex-shrink:0;position:relative}.pp-designer-theme .pp-addpage-main{flex:1;border:none;background:transparent;font-size:14px;font-weight:700;color:#111827;cursor:pointer;border-radius:10px 0 0 10px;display:flex;align-items:center;justify-content:center;gap:6px}.pp-designer-theme .pp-addpage-main:hover,.pp-designer-theme .pp-addpage-more:hover{background:#f8fafc}.pp-designer-theme .pp-addpage-more-wrap{position:relative;border-left:1px solid #cbd5e1}.pp-designer-theme .pp-addpage-more{width:42px;height:100%;border:none;background:transparent;font-size:18px;cursor:pointer;border-radius:0 10px 10px 0;color:#111827}.pp-designer-theme .pp-addpage-menu{position:absolute;right:0;bottom:calc(100% + 6px);background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 12px 30px #00000029;padding:6px;min-width:240px;z-index:60}.pp-designer-theme .pp-addpage-menu button{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;padding:8px 10px;border-radius:7px;font-size:13px;color:#1f2937;cursor:pointer;text-align:left}.pp-designer-theme .pp-addpage-menu button:hover{background:#f5f3ff}.pp-designer-theme .pp-page-switch{align-items:center}.pp-designer-theme .pp-page-switch span.active{padding:5px 10px;font-size:12px;font-weight:700;color:#6d28d9;background:#fff;border-radius:7px;white-space:nowrap}.pp-designer-theme .pp-page-switch button{padding:4px 7px;font-size:16px;line-height:1}.pp-designer-theme .pp-page-switch button:disabled{opacity:.4;cursor:default}.pp-designer-theme .pp-page-thumb-live{width:38px;height:38px;background:#f1f5f9;position:relative;overflow:hidden}.pp-designer-theme .pp-page-thumb-live ds-template-thumb{position:absolute;inset:0}.pp-designer-theme .pp-page-tab.pp-tab-hidden .pp-page-thumb-live{opacity:.4}.pp-designer-theme .pp-tab-label{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-designer-theme .pp-page-tab-add{padding:6px 12px;font-size:18px;min-height:54px}.pp-designer-theme .pp-save-state{display:flex;align-items:center;gap:4px;font-weight:600}.pp-designer-theme .pp-save-state i{font-size:14px}.pp-designer-theme .pp-save-state.st-saved{color:#16a34a}.pp-designer-theme .pp-save-state.st-saving,.pp-designer-theme .pp-save-state.st-pending{color:#6d28d9}.pp-designer-theme .pp-save-state.st-error{color:#dc2626}.pp-designer-theme .pp-save-state.st-idle{color:#64748b}.pp-designer-theme .pp-save-time{color:var(--text3);font-weight:400}.pp-designer-theme .pp-tool-btn.pp-draw-tool.on{background:var(--accentg);border-color:var(--accent);color:var(--accent)}.pp-designer-theme .pp-draw-inline{margin-top:10px;padding:12px;border:1px solid var(--accent);border-radius:12px;background:#faf9ff;display:flex;flex-direction:column;gap:8px}.pp-designer-theme .pp-draw-inline-hd{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:700;color:#1f2937}.pp-designer-theme .pp-draw-inline-hd i{color:var(--accent)}.pp-designer-theme .pp-draw-stop{width:26px;height:26px;border:none;border-radius:7px;background:transparent;cursor:pointer;color:#64748b;font-size:16px}.pp-designer-theme .pp-draw-stop:hover{background:#eef2ff;color:#1f2937}.pp-designer-theme .pp-draw-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pp-designer-theme .pp-draw-tool-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;cursor:pointer;font-size:10.5px;font-weight:600;color:#475569}.pp-designer-theme .pp-draw-tool-btn i{font-size:22px;line-height:1}.pp-designer-theme .pp-draw-tool-btn:hover{border-color:#c4b5fd}.pp-designer-theme .pp-draw-tool-btn.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accentg);color:var(--accent)}.pp-designer-theme .pp-draw-lbl{font-size:11.5px;font-weight:600;color:#475569;display:flex;justify-content:space-between;margin-top:2px}.pp-designer-theme .pp-draw-swatches-inline{grid-template-columns:repeat(6,1fr)!important;gap:6px!important}.pp-designer-theme .pp-draw-swatches-inline button,.pp-designer-theme .pp-draw-swatches-inline .pp-draw-custom{width:100%!important;aspect-ratio:1/1;height:auto!important}.pp-designer-theme .pp-draw-range{width:100%;accent-color:var(--accent)}.pp-designer-theme .pp-draw-note{margin:2px 0 0;font-size:11px;color:#64748b;line-height:1.4}.pp-designer-theme .pp-draw-note i{color:#16a34a}.pp-designer-theme .pp-artboard.pp-bg-selected{box-shadow:0 0 0 2px var(--accent),0 8px 30px #0f172a24}.pp-designer-theme .pp-bg-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#4f46e5;padding:0 6px;white-space:nowrap}.pp-designer-theme .pp-bg-sw{width:16px;height:16px;border-radius:4px;box-shadow:inset 0 0 0 1px #0003;display:inline-block}.pp-designer-theme .pp-bgcolor-wrap{position:relative;margin-bottom:14px}.pp-designer-theme .pp-bgcolor-row{display:flex;align-items:center;gap:6px}.pp-designer-theme .pp-bgcolor-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 8px 0 4px;border:1px solid var(--border2);border-radius:9px;background:#fff;cursor:pointer;color:#4f46e5;font-size:17px;flex-shrink:0}.pp-designer-theme .pp-bgcolor-btn.on,.pp-designer-theme .pp-bgcolor-btn:hover{border-color:var(--accent)}.pp-designer-theme .pp-bgcolor-sw{width:26px;height:26px;border-radius:6px;box-shadow:inset 0 0 0 1px #0000002e;background-image:none}.pp-designer-theme .pp-bgcolor-quick{width:22px;height:22px;border-radius:50%;border:none;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #00000026;flex-shrink:0}.pp-designer-theme .pp-bgcolor-quick.on{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent)}.pp-designer-theme .pp-bgcolor-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;background:#fff;border:1px solid var(--border2);border-radius:12px;padding:12px;box-shadow:0 16px 40px #0f172a2e}.pp-inline-edit{display:block;width:100%;height:100%;margin:0;padding:2px;box-sizing:border-box;background:transparent;border:none;outline:2px solid #635bff;outline-offset:0;resize:none;overflow:hidden;cursor:text;z-index:9999;position:relative;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;caret-color:#635bff}.pp-inline-edit::selection{background:#635bff47}.pp-align-group{display:inline-flex;gap:1px;padding:0 2px;border-left:1px solid var(--border, #e5e7eb);border-right:1px solid var(--border, #e5e7eb);margin:0 2px}.pp-inline-edit>div{min-height:1em}.pp-load-error{position:fixed;top:130px;left:50%;transform:translate(-50%);z-index:3000;display:flex;gap:12px;align-items:flex-start;max-width:640px;padding:14px 16px;background:#fef2f2;border:1px solid #fca5a5;color:#7f1d1d;border-radius:12px;box-shadow:0 10px 30px #00000026;font-size:13px;line-height:1.45}.pp-load-error>i{font-size:22px;color:#dc2626}.pp-load-error-note{margin-top:4px;color:#991b1b;opacity:.8;font-size:12px}.pp-load-error-btn{flex-shrink:0;border:1px solid #fca5a5;background:#fff;color:#b91c1c;border-radius:8px;padding:6px 12px;font-weight:600;cursor:pointer}.pp-load-busy{position:fixed;top:130px;left:50%;transform:translate(-50%);z-index:3000;padding:8px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:999px;box-shadow:0 6px 20px #0000001a;font-size:13px;color:#4b5563}.pp-designer-theme .pp-left-panel.pp-left-closed{display:none}.pp-designer-theme .pp-left-close-row{position:sticky;top:-16px;height:0;display:flex;justify-content:flex-end;z-index:20;pointer-events:none}.pp-designer-theme .pp-left-close-row+*{margin-top:0}.pp-designer-theme .pp-left-panel>.pp-panel-title,.pp-designer-theme .pp-left-panel>ng-component .pp-panel-title{padding-right:30px}.pp-designer-theme .pp-left-close{width:28px;height:28px;margin:-10px -8px 0 0;border-radius:8px;border:1px solid var(--border);background:var(--bg2);color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 1px 4px #00000014;pointer-events:auto}.pp-designer-theme .pp-left-close:hover{background:var(--bg3);color:var(--text)}.pp-designer-theme .pp-wrap-float{pointer-events:none}.pp-designer-theme .pp-name-wrap{position:relative;display:flex;align-items:center;cursor:text}.pp-designer-theme .pp-name-wrap .pp-name-input{padding-right:24px}.pp-designer-theme .pp-name-pencil{position:absolute;right:6px;font-size:13px;color:#fffc;pointer-events:none}.pp-designer-theme .pp-name-wrap:focus-within .pp-name-pencil{display:none}.pp-designer-theme .pp-el-clip{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.pp-designer-theme .pp-save-retry{margin-left:6px;font-weight:700;text-decoration:underline;cursor:pointer;color:inherit}.pp-designer-theme .pp-colour-section{background:var(--bg3);border:1px solid var(--border2);border-radius:10px;padding:10px 12px;margin-bottom:14px;transition:box-shadow .3s}.pp-designer-theme .pp-colour-section.pp-hl{box-shadow:0 0 0 2px var(--accent)}.pp-designer-theme .pp-kbd-hint{margin-left:auto;font-size:9.5px;font-weight:600;color:var(--text3);background:var(--bg2);border:1px solid var(--border2);border-radius:4px;padding:0 4px}.pp-designer-theme .pp-zoom-float{position:absolute;right:16px;bottom:16px;z-index:40;display:flex;align-items:center;gap:4px;background:var(--bg2, #fff);border:1px solid var(--border);border-radius:999px;padding:4px 8px;box-shadow:0 4px 16px #0f172a24}.pp-designer-theme .pp-zoom-float button{border:none;background:none;color:var(--text2);width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:17px;display:flex;align-items:center;justify-content:center}.pp-designer-theme .pp-zoom-float button:hover{background:var(--bg3);color:var(--text)}.pp-designer-theme .pp-zoom-float button.on{color:var(--accent)}.pp-designer-theme .pp-zoom-float .pp-zoom-pct{width:auto;min-width:46px;border-radius:8px;font-size:12px;font-weight:700;padding:0 4px}.pp-designer-theme .pp-zoom-float input[type=range]{width:110px;accent-color:var(--accent)}.pp-multi-outline{position:absolute;border:1.5px dashed #7c3aed;pointer-events:none;z-index:9998;box-sizing:border-box;transform-origin:center}.pp-multi-frame{position:absolute;border:1px solid rgba(124,58,237,.55);pointer-events:none;z-index:9998;box-sizing:border-box}.pp-multi-count{position:absolute;left:0;top:-20px;transform-origin:left bottom;background:#7c3aed;color:#fff;font:600 11px/1 system-ui,sans-serif;padding:3px 6px;border-radius:4px;white-space:nowrap}.pp-marquee{position:absolute;border:1px solid #7c3aed;background:#7c3aed14;pointer-events:none;z-index:9999;box-sizing:border-box}.pp-app .tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-bottom:20px}.pp-app .tpl-card{background:#fff;border:1px solid #eaeaea;border-radius:16px;padding:18px;transition:.15s}.pp-app .tpl-card:hover{border-color:#c7bfff;box-shadow:0 6px 18px #635bff14}.pp-app .tpl-thumb{height:110px;border-radius:12px;margin-bottom:14px;position:relative;overflow:hidden;background:linear-gradient(135deg,#f3f0ff,#e0e7ff);display:flex;align-items:center;justify-content:center}.pp-app .tpl-thumb i{font-size:30px;color:#635bff}.pp-app .tpl-thumb-badge{position:absolute;top:10px;left:10px;background:#fff;color:#333;font-size:10px;font-weight:700;padding:3px 9px;border-radius:999px;box-shadow:0 1px 4px #00000014;text-transform:capitalize}.pp-app .tpl-status-badge{position:absolute;top:10px;right:10px;font-size:10px;font-weight:700;padding:3px 9px;border-radius:999px}.pp-app .tpl-status-badge.active{background:#dcfce7;color:#16a34a}.pp-app .tpl-status-badge.inactive{background:#f1f1f5;color:#888}.pp-app .tpl-name{font-size:15px;font-weight:700;color:#1a1a1a;margin-bottom:3px}.pp-app .tpl-desc{font-size:12px;color:#888;line-height:1.4;margin-bottom:12px;min-height:17px}.pp-app .tpl-desc.empty{font-style:italic;color:#bbb}.pp-app .tpl-meta-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.pp-app .tpl-meta-chip{font-size:11px;font-weight:500;color:#666;background:#f8f9fe;border:1px solid #eaeaea;border-radius:999px;padding:4px 10px}.pp-app .tpl-actions{display:flex;align-items:center;gap:8px;padding-top:14px;border-top:1px solid #f1f1f5;flex-wrap:wrap}.pp-app .tpl-btn-primary,.pp-app .tpl-btn-secondary{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:7px 13px;border-radius:8px;cursor:pointer;white-space:nowrap;text-decoration:none;border:none}.pp-app .tpl-btn-primary{background:#635bff;color:#fff}.pp-app .tpl-btn-primary:hover{background:#534be0}.pp-app .tpl-btn-secondary{background:#f8f9fe;color:#555;border:1px solid #eaeaea}.pp-app .tpl-btn-secondary:hover{background:#f1f1f5}.pp-app .tpl-icon-group{display:flex;gap:6px;margin-left:auto}.pp-app .tpl-btn-icon{width:32px;height:32px;border-radius:8px;border:1px solid #eaeaea;background:#f8f9fe;color:#666;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;flex-shrink:0}.pp-app .tpl-btn-icon:hover{background:#eef2ff;color:#635bff;border-color:#c7bfff}.pp-app .tpl-btn-icon.danger:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.pp-app .tpl-inactive{opacity:.6}.pp-app .tpl-show-inactive{display:flex;align-items:center;gap:7px;font-size:12px;color:#555;cursor:pointer;white-space:nowrap}@media (max-width: 900px){.pp-app .tpl-grid{grid-template-columns:1fr}}.pp-app .soc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}.pp-app .soc-card{background:#f5f5f7;border-radius:16px;padding:20px;cursor:pointer;transition:.15s;text-align:left}.pp-app .soc-card:hover{background:#eef0f4;transform:translateY(-2px)}.pp-app .soc-phone{position:relative;width:100%;aspect-ratio:9 / 17;background:#fff;border-radius:22px;box-shadow:0 10px 24px #0f172a24;overflow:hidden;margin-bottom:14px;display:flex;flex-direction:column}.pp-app .soc-phone-badge{position:absolute;top:10px;left:10px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;z-index:2;box-shadow:0 2px 6px #0003}.pp-app .soc-badge-facebook{background:#1877f2}.pp-app .soc-badge-instagram{background:radial-gradient(circle at 30% 110%,#fdf497,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.pp-app .soc-badge-x{background:#000}.pp-app .soc-fb-lines{padding:44px 12px 0;display:flex;flex-direction:column;gap:6px}.pp-app .soc-line{height:6px;border-radius:3px;background:#d7dbe3}.pp-app .soc-line-light{background:#ffffff8c}.pp-app .soc-fb-photo{position:relative;margin:10px 12px 0;height:46%;border-radius:8px;background:linear-gradient(135deg,#ff9a44,#fc6076);display:flex;align-items:center;justify-content:center}.pp-app .soc-ig-photo{position:relative;flex:1;background:linear-gradient(160deg,#4f5bd5,#962fbf 30%,#d62976 55%,#fa7e1e 78%,#feda75);display:flex;align-items:center;justify-content:center}.pp-app .soc-x-photo{position:relative;flex:1;background:linear-gradient(160deg,#1a1a2e,#16213e 55%,#0f3460);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 12px}.pp-app .soc-x-lines{position:absolute;bottom:14px;left:12px;right:12px;display:flex;flex-direction:column;gap:6px}.pp-app .soc-photo-btn{display:flex;align-items:center;gap:5px;background:#ffffffeb;color:#444;font-size:10px;font-weight:700;padding:6px 12px;border-radius:999px;box-shadow:0 3px 8px #0000002e;white-space:nowrap}.pp-app .soc-photo-btn i{font-size:13px;color:#635bff}.pp-app .soc-photo-btn-light{background:#ffffff38;color:#fff;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.35)}.pp-app .soc-photo-btn-light i{color:#fff}.pp-app .soc-label{font-size:13px;font-weight:600;color:#1a1a1a}.pp-app .soc-size{font-size:11px;color:#888;margin-top:2px}@media (max-width: 640px){.pp-app .soc-grid{grid-template-columns:repeat(2,1fr)}}.ll-page{min-height:100vh;display:flex;background:#0d0a17;font-family:Inter,DM Sans,sans-serif}.ll-left{flex:1.15;position:relative;overflow:hidden;padding:48px 56px;display:flex;flex-direction:column;background:radial-gradient(60% 50% at 75% 20%,#8b3fff59,#8b3fff00 70%),radial-gradient(50% 45% at 15% 85%,#635bff38,#635bff00 70%),#0d0a17;color:#fff}.ll-badge-row{display:flex;align-items:center;gap:10px;margin-bottom:28px}.ll-badge-num{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#8b3ef5,#635bff);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.ll-badge-pill{background:#8b3fff2e;border:1px solid rgba(139,63,255,.4);color:#c7b6ff;font-size:10.5px;font-weight:700;letter-spacing:.08em;padding:5px 12px;border-radius:999px}.ll-wordmark{font-size:42px;font-weight:800;margin:0;letter-spacing:-.01em}.ll-wordmark span{background:linear-gradient(90deg,#8b3ef5,#635bff,#3d9bf2);-webkit-background-clip:text;background-clip:text;color:transparent}.ll-tagline{font-size:19px;font-weight:600;color:#e5e0ff;margin:6px 0 14px}.ll-underline{width:56px;height:3px;border-radius:2px;background:linear-gradient(90deg,#8b3ef5,#635bff);margin-bottom:18px}.ll-desc{font-size:13.5px;color:#a9a3c2;max-width:320px;line-height:1.6;margin:0 0 30px}.ll-illustration{position:relative;height:260px;margin-bottom:30px}.ll-lanyard{position:absolute;top:0;left:128px;width:8px;height:60px;background:linear-gradient(180deg,#8b3ef5,#3d9bf2);border-radius:4px;transform:rotate(6deg)}.ll-idcard{position:absolute;top:44px;left:70px;width:118px;height:150px;border-radius:12px;background:linear-gradient(160deg,#241a3d,#3d2a66);border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 30px #0006;padding:10px;display:flex;flex-direction:column;align-items:center;transform:rotate(-3deg)}.ll-idcard-hd{font-size:8px;font-weight:800;letter-spacing:.06em;color:#c7b6ff;margin-bottom:8px}.ll-idcard-photo{width:54px;height:54px;border-radius:50%;background:#fff;color:#635bff;font-size:26px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.ll-idcard-name{font-size:10px;font-weight:700;color:#fff}.ll-idcard-role{font-size:7.5px;color:#a9a3c2;margin-bottom:auto}.ll-idcard-ft{font-size:7px;font-weight:700;color:#8b3ef5;letter-spacing:.06em}.ll-cert{position:absolute;bottom:6px;left:0;width:150px;height:96px;border-radius:8px;background:#f6f1e4;box-shadow:0 14px 26px #00000059;padding:12px;transform:rotate(-8deg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ll-cert-title{font-size:11px;font-weight:800;color:#7a6a3a;letter-spacing:.04em}.ll-cert-sub{font-size:6.5px;color:#9a8a5a;letter-spacing:.1em;margin-bottom:8px}.ll-cert-name{font-size:9px;font-style:italic;color:#4a3f2a;border-top:1px solid #c9bd94;padding-top:4px;width:70%}.ll-bizcard{position:absolute;bottom:26px;left:118px;width:118px;height:68px;border-radius:8px;background:linear-gradient(135deg,#f3f0ff,#e0e7ff);box-shadow:0 12px 22px #0000004d;transform:rotate(4deg);padding:10px;display:flex;flex-direction:column;justify-content:flex-end}.ll-bizcard-name{font-size:9px;font-weight:800;color:#4f46e5}.ll-bizcard-role{font-size:7px;color:#6b7280}.ll-promo{position:absolute;top:30px;right:0;width:150px;height:150px;border-radius:14px;background:linear-gradient(160deg,#2d1b69,#4527a0 40%,#ff8a3d);box-shadow:0 16px 30px #0006;transform:rotate(4deg);display:flex;align-items:flex-start;padding:14px}.ll-promo div{font-size:15px;font-weight:800;color:#fff;line-height:1.25}.ll-stats-row{display:flex;gap:38px;margin-top:auto;padding-top:10px}.ll-stats-row strong{display:block;font-size:19px;font-weight:800;color:#fff}.ll-stats-row span{font-size:10.5px;color:#a9a3c2}.ll-footer{font-size:10.5px;color:#6f6889;margin-top:24px}.ll-right{flex:1;min-width:380px;display:flex;align-items:center;justify-content:center;padding:40px;background:#120e1f;border-left:1px solid rgba(255,255,255,.06)}.ll-card{width:100%;max-width:380px}.ll-welcome{font-size:22px;font-weight:800;color:#fff;margin:0 0 4px}.ll-subtitle{font-size:13.5px;color:#a9a3c2;margin:0 0 26px}.ll-field{margin-bottom:16px}.ll-field label{display:block;font-size:12px;font-weight:600;color:#c7c2dd;margin-bottom:6px}.ll-input{width:100%;box-sizing:border-box;background:#1c1730;border:1px solid #322a4d;border-radius:10px;padding:12px 14px;font-size:13.5px;color:#fff;outline:none}.ll-input::placeholder{color:#6f6889}.ll-input:focus{border-color:#8b3ef5}.ll-password-wrap{position:relative}.ll-password-wrap .ll-input{padding-right:40px}.ll-eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#a9a3c2;font-size:17px;cursor:pointer;padding:4px}.ll-eye-btn:hover{color:#fff}.ll-forgot-row{text-align:right;margin:-8px 0 18px}.ll-forgot-link{background:none;border:none;color:#9d8fd6;font-size:12px;font-weight:600;cursor:not-allowed;opacity:.7;padding:0}.ll-error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fca5a5;font-size:12.5px;padding:10px 12px;border-radius:8px;margin-bottom:16px}.ll-signin-btn{width:100%;border:none;border-radius:10px;padding:13px;background:linear-gradient(90deg,#635bff,#8b3ef5);color:#fff;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #8b3fff59}.ll-signin-btn:hover:not(:disabled){filter:brightness(1.08)}.ll-signin-btn:disabled{opacity:.6;cursor:not-allowed}.ll-divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:#6f6889;font-size:11.5px}.ll-divider:before,.ll-divider:after{content:"";flex:1;height:1px;background:#2a2440}.ll-oauth-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#1c1730;border:1px solid #322a4d;border-radius:10px;padding:11px;color:#d8d4ea;font-size:13px;font-weight:600;cursor:not-allowed;opacity:.65;margin-bottom:10px}.ll-oauth-btn i{font-size:16px}.ll-signup-row{text-align:center;font-size:12px;color:#8a83a8;margin:18px 0 0}.ll-back-link{display:block;text-align:center;margin-top:18px;font-size:12px;color:#6f6889;text-decoration:none}.ll-back-link:hover{color:#a9a3c2}@media (max-width: 900px){.ll-page{flex-direction:column}.ll-left{padding:32px 24px}.ll-illustration{display:none}.ll-right{border-left:none;border-top:1px solid rgba(255,255,255,.06)}}