@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--primary:#004aad;--primary-dark:#003580;--primary-light:#1a6dd4;--accent-green:#1a7a3a;--accent-green-dark:#145e2c;--accent-gold:#d4a017;--accent-gold-light:#f0c040;--accent-red:#c0392b;--text-dark:#1a1a2e;--text-med:#444;--text-light:#666;--bg-cream:#fefcf7;--page-bg:#0f1923}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--page-bg);min-height:100vh;color:var(--text-dark);font-family:Inter,sans-serif}.page{page-break-after:always;page-break-inside:avoid;background:#fff;width:8.5in;height:13in;position:relative;overflow:hidden}.page:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#e8eef6,#d6dfed 40%,#c8d4e4);position:absolute;inset:0 0 0 1.45in}.pages-wrapper{flex-direction:column;align-items:center;gap:40px;padding:40px 0;display:flex}@media(max-width:900px){.pages-wrapper{gap:20px;padding:20px 0}.page{transform-origin:top;transform:scale(var(--page-scale,1));margin-bottom:calc((13in * (var(--page-scale,1) - 1)))}.toolbar{gap:6px;bottom:12px;right:12px}.toolbar-btn{padding:10px 14px;font-size:11px}}.page-shadow{border-radius:2px;box-shadow:0 8px 40px #0006}.tribal-sidebar{z-index:5;width:1.4in;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.tribal-sidebar svg{width:100%;height:100%;display:block}.tribal-sidebar:after{content:"";background:linear-gradient(#3d8ae6,#6aabf0,#3d8ae6);width:3px;position:absolute;top:0;bottom:0;right:0}.page-content{z-index:3;flex-direction:column;height:100%;margin-left:1.45in;padding:.3in .35in .3in .2in;display:flex;position:relative}.cover-content{z-index:3;height:100%;margin-left:1.45in;padding:0;position:relative;overflow:hidden}.cover-top{justify-content:center;align-items:center;gap:14px;width:100%;height:100%;display:flex}.cover-logo{flex-shrink:0;width:85px;height:85px}.cover-logo img{object-fit:contain;filter:drop-shadow(0 1px 3px #00000026);width:100%;height:100%}.cover-header{text-align:center}.cover-header .republic{color:var(--text-dark);font-family:Poppins,sans-serif;font-size:9px;font-style:italic;font-weight:400}.cover-header .dept-name{color:var(--text-dark);font-family:Poppins,sans-serif;font-size:18px;font-weight:700}.cover-header .region{color:var(--text-dark);text-transform:uppercase;font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.cover-header .division{color:var(--text-dark);font-family:Poppins,sans-serif;font-size:13px;font-weight:500}.cover-district{color:var(--primary-dark);text-transform:uppercase;letter-spacing:2.5px;text-align:center;font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.cover-school-name{color:var(--primary-dark);text-transform:uppercase;letter-spacing:2.5px;text-align:center;margin:2px 0 0;font-family:Poppins,sans-serif;font-size:28px;font-weight:800}.cover-address{color:var(--text-med);text-align:center;margin-bottom:4px;font-family:Poppins,sans-serif;font-size:9.5px;font-style:italic;font-weight:500}.cover-title-block{text-align:center;margin:4px 0}.cover-title-block .main-title{color:var(--primary-dark);text-transform:uppercase;letter-spacing:5px;text-shadow:1px 1px #fff9;font-family:Poppins,sans-serif;font-size:52px;font-weight:900;line-height:1.15}.cover-sy-box{color:var(--primary-dark);text-transform:uppercase;letter-spacing:3px;text-align:center;background:0 0;border:none;border-radius:10px;padding:12px 44px;font-family:Poppins,sans-serif;font-size:26px;font-weight:700}.cover-kra-big{color:var(--primary-dark);letter-spacing:14px;text-shadow:2px 2px #ffffff80;text-align:center;font-family:Poppins,sans-serif;font-size:130px;font-weight:900;line-height:1}.cover-kra-row{justify-content:center;align-items:flex-start;gap:10px;width:100%;height:100%;display:flex}.cover-kra-item{flex-direction:column;align-items:center;gap:3px;display:flex}.cover-kra-label{color:var(--primary-dark);text-transform:uppercase;font-family:Poppins,sans-serif;font-size:15px;font-weight:700}.cover-kra-icon{width:54px;height:54px;color:var(--primary);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 6px #0000001f}.cover-person-box{text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:8px 16px;display:flex}.cover-person-box.ratee-box{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.cover-person-box.rater-box{background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff}.person-name{text-transform:uppercase;letter-spacing:.5px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700}.person-title{opacity:.9;text-transform:uppercase;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.cover-photo-float{filter:drop-shadow(0 0 8px #004aad8c)drop-shadow(0 0 20px #00358066)drop-shadow(0 0 36px #1a6dd440);width:100%;height:100%;position:relative;overflow:visible}.cover-photo-float img{object-fit:cover;object-position:center top;width:100%;height:100%}.kra-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.kra-big-number{color:var(--primary);letter-spacing:5px;text-shadow:0 3px 12px #004aad26;font-family:Playfair Display,serif;font-size:110px;font-weight:900;line-height:1}.kra-page-icon{width:120px;height:120px;color:var(--primary);background:#fff9;border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;display:flex;box-shadow:0 4px 20px #004aad26}.kra-big-label{color:var(--primary);text-transform:uppercase;letter-spacing:8px;margin-bottom:14px;font-family:Playfair Display,serif;font-size:42px;font-weight:700}.kra-title-name{color:var(--text-dark);border:3px solid var(--primary);background:linear-gradient(135deg,#f0f6ff,#e8f0fe);border-radius:14px;margin:24px 0;padding:18px 44px;font-family:Poppins,sans-serif;font-size:28px;font-weight:600}.kra-pmes-text{color:var(--text-med);text-transform:uppercase;letter-spacing:2px;margin-top:14px;font-size:14px;font-weight:500}.kra-sy-badge{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;letter-spacing:2px;border-radius:30px;margin-top:24px;padding:12px 40px;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;display:inline-block;box-shadow:0 4px 16px #004aad40}.kra-title-decor{background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);border-radius:2px;width:180px;height:4px;margin:20px auto}.sub-title-name{max-width:90%;padding:14px 30px;font-size:18px}.mov-label{letter-spacing:3px;margin-bottom:8px;font-size:24px}.mov-number{font-size:60px}.mov-body{text-align:center;max-width:88%;margin:10px auto 0}.mov-paper{filter:drop-shadow(0 2px 6px #0000001a);position:relative}.mov-paper-inner{text-align:center;clip-path:polygon(0% 2%,3% 0%,5% 3%,8% 1%,11% 2%,14% 0%,17% 3%,20% 1%,23% 2%,26% 0%,29% 2%,32% 1%,35% 3%,38% 0%,41% 2%,44% 1%,47% 3%,50% 0%,53% 2%,56% 1%,59% 3%,62% 0%,65% 2%,68% 1%,71% 3%,74% 0%,77% 2%,80% 1%,83% 3%,86% 0%,89% 2%,92% 1%,95% 3%,97% 0%,100% 2%,100% 98%,97% 100%,95% 97%,92% 99%,89% 98%,86% 100%,83% 97%,80% 99%,77% 98%,74% 100%,71% 97%,68% 99%,65% 98%,62% 100%,59% 97%,56% 99%,53% 98%,50% 100%,47% 97%,44% 99%,41% 98%,38% 100%,35% 97%,32% 99%,29% 98%,26% 100%,23% 97%,20% 99%,17% 98%,14% 100%,11% 97%,8% 99%,5% 98%,3% 100%,0% 98%);background:#ffffff80;padding:18px 28px}.mov-body-header{color:var(--primary);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;font-family:Poppins,sans-serif;font-size:11px;font-weight:600}.mov-body-item{color:var(--text-dark);border-bottom:1px solid #004aad1a;padding:6px 0;font-family:Poppins,sans-serif;font-size:12px;font-weight:500;line-height:1.5}.mov-body-item:last-child{border-bottom:none}.mov-body-single{color:var(--text-dark);font-family:Poppins,sans-serif;font-size:14px;font-weight:600;line-height:1.6}.sub-kra-ref{z-index:4;text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;bottom:20px;left:1.45in;right:0}.sub-kra-ref-number{color:var(--primary);text-transform:uppercase;letter-spacing:3px;font-family:Playfair Display,serif;font-size:22px;font-weight:800}.sub-kra-ref-title{color:var(--text-dark);text-transform:uppercase;letter-spacing:1.5px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600}.sub-kra-ref-breadcrumb{color:var(--accent-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:2px;font-family:Poppins,sans-serif;font-size:10px;font-weight:600}.sub-kra-ref-obj-title{color:var(--text-med);max-width:85%;margin-bottom:6px;font-family:Poppins,sans-serif;font-size:10px;font-weight:500;line-height:1.4}.page-footer{z-index:3;position:absolute;bottom:0;left:1.45in;right:0}.page-footer-bar{background:linear-gradient(90deg,var(--primary),var(--accent-gold),var(--primary));height:4px}.page-footer-text{text-align:center;color:#aaa;background:#fafafa;padding:2px 0;font-size:6.5px}.watermarks{z-index:2;pointer-events:none;position:absolute;inset:0 0 0 1.45in;overflow:hidden}.watermarks-logo{opacity:.018;object-fit:contain;pointer-events:none;filter:grayscale();position:absolute}.toolbar{z-index:1000;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toolbar-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;color:#fff;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 22px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #00000040}.toolbar-btn.print-btn{background:linear-gradient(135deg,var(--accent-green),var(--accent-green-dark))}.toolbar-btn.print-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a7a3a66}.toolbar-btn.pdf-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.toolbar-btn.pdf-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #004aad66}.toolbar-btn.edit-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.toolbar-btn.edit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.toolbar-btn.edit-active-btn{background:linear-gradient(135deg,#ef4444,#dc2626);animation:1.5s ease-in-out infinite pulse-edit}.toolbar-btn.edit-active-btn:hover{transform:translateY(-2px)}.toolbar-btn.reset-btn{background:linear-gradient(135deg,#6b7280,#4b5563)}.toolbar-btn.reset-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b728066}@keyframes pulse-edit{0%,to{box-shadow:0 4px 15px #ef44444d}50%{box-shadow:0 4px 25px #ef444499}}.rnd-wrapper{z-index:10}@media print{body{background:#fff!important;margin:0!important;padding:0!important}.toolbar{display:none!important}.pages-wrapper{gap:0!important;padding:0!important}.page{box-shadow:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important;border-radius:0!important;margin:0!important}.page-shadow{box-shadow:none!important}.tribal-sidebar,.tribal-pattern,.cover-content,.kra-content,.watermarks{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@page{size:8.5in 13in;margin:.15in}}.home-page{background:var(--page-bg);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.home-card{text-align:center;background:linear-gradient(135deg,#e8eef6,#d6dfed,#c8d4e4);border-radius:24px;width:100%;max-width:560px;padding:48px 40px;box-shadow:0 20px 60px #0006}.home-logos{justify-content:center;gap:24px;margin-bottom:24px;display:flex}.home-logos img{object-fit:contain;width:72px;height:72px}.home-title{color:var(--primary-dark);letter-spacing:2px;text-transform:uppercase;margin:0 0 4px;font-family:Poppins,sans-serif;font-size:28px;font-weight:900}.home-subtitle{color:var(--text-med);margin:0 0 2px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.home-sy{color:var(--text-light);margin:0 0 32px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500}.home-teachers{flex-direction:column;gap:16px;display:flex}.teacher-card{color:var(--text-dark);background:#fff;border-radius:16px;align-items:center;gap:18px;padding:16px 20px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #00000014}.teacher-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #004aad33}.teacher-photo{filter:drop-shadow(0 0 6px #004aad66)drop-shadow(0 0 14px #00358040);border-radius:50%;flex-shrink:0;width:64px;height:64px;overflow:hidden}.teacher-photo img{object-fit:cover;object-position:center top;width:100%;height:100%}.teacher-info{text-align:left}.teacher-name{color:var(--primary-dark);text-transform:uppercase;letter-spacing:.5px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.teacher-position{color:var(--text-light);text-transform:uppercase;font-family:Poppins,sans-serif;font-size:12px;font-weight:500}.landing-page{background:#f8fafc;min-height:100vh;font-family:Inter,Poppins,sans-serif}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e2e8f0;padding:0 24px;position:sticky;top:0}.landing-nav-inner{justify-content:space-between;align-items:center;max-width:1100px;height:64px;margin:0 auto;display:flex}.landing-logo{color:var(--primary);align-items:center;gap:8px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.logo-icon{font-size:24px}.landing-nav-links{align-items:center;gap:12px;display:flex}.btn-primary,.btn-primary-sm,.btn-primary-lg{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{padding:10px 20px;font-size:15px}.btn-primary-sm{padding:8px 16px;font-size:13px}.btn-primary-lg{border-radius:10px;padding:14px 28px;font-size:16px}.btn-primary:hover,.btn-primary-sm:hover,.btn-primary-lg:hover{transform:translateY(-1px);box-shadow:0 4px 12px #004aad4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost,.btn-ghost-sm{color:var(--primary);cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-ghost{padding:10px 20px;font-size:15px}.btn-ghost-sm{padding:6px 12px;font-size:13px}.btn-ghost:hover,.btn-ghost-sm:hover{background:#f1f5f9}.landing-hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1100px;margin:0 auto;padding:60px 24px 80px;display:grid}.hero-badge{color:var(--primary);background:#eef2ff;border-radius:20px;margin-bottom:16px;padding:6px 16px;font-size:14px;font-weight:600;display:inline-block}.hero-content h1{color:#1e293b;margin:0 0 16px;font-family:Playfair Display,serif;font-size:42px;line-height:1.2}.hero-accent{color:var(--primary)}.hero-subtitle{color:#64748b;margin:0 0 24px;font-size:16px;line-height:1.7}.hero-price{align-items:baseline;gap:12px;margin-bottom:32px;display:flex}.price-amount{color:var(--primary);font-family:Poppins,sans-serif;font-size:48px;font-weight:800}.price-label{color:#94a3b8;font-size:16px}.hero-actions{gap:12px;display:flex}.hero-preview{justify-content:center;display:flex}.preview-stack{width:280px;height:380px;position:relative}.preview-card{background:#fff;border-radius:12px;width:260px;height:340px;transition:transform .3s;position:absolute;box-shadow:0 8px 30px #0000001a}.preview-card-3{top:20px;left:20px;overflow:hidden;transform:rotate(6deg)}.preview-card-2{top:10px;left:10px;overflow:hidden;transform:rotate(3deg)}.preview-card-1{top:0;left:0;overflow:hidden;transform:rotate(0)}.back-page-mock{height:100%;display:flex}.bpm-sidebar{background:linear-gradient(#c8d6e5,#a4b4c7);width:16px}.bpm-content{flex-direction:column;flex:1;gap:10px;padding:30px 16px;display:flex}.bpm-line{background:#e2e8f0;border-radius:3px;height:6px}.bpm-line.w90{width:90%}.bpm-line.w80{width:80%}.bpm-line.w70{width:70%}.bpm-line.w60{width:60%}.bpm-line.w50{width:50%}.bpm-block{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;width:100%;height:60px}.cover-mock{background:#fff;height:100%;display:flex}.cm-sidebar{background:linear-gradient(#1a3a5c,#2d5a3d,#c4a734 66%,#8b2e2e);width:28px;position:relative;overflow:hidden}.cm-pattern{background:repeating-linear-gradient(0deg,#0000,#0000 8px,#ffffff26 8px 10px),repeating-linear-gradient(45deg,#0000,#0000 4px,#ffffff14 4px 6px);position:absolute;inset:0}.cm-body{flex-direction:column;flex:1;align-items:center;padding:14px 12px 10px;display:flex;position:relative}.cm-seals{align-items:center;gap:6px;margin-bottom:6px;display:flex}.cm-seal{background:radial-gradient(circle,#e8d44d 40%,#c4a734,#a08520);border:1.5px solid #b8962a;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 3px #00000026}.cm-seal-text{flex-direction:column;align-items:center;gap:3px;display:flex}.cm-tl{background:#94a3b8;border-radius:2px;height:4px}.cm-tl.w70{width:70px}.cm-tl.w60{width:60px}.cm-tl.w50{width:50px}.cm-tl.w40{width:40px}.cm-tl.w30{width:30px}.cm-tl.bold{background:#475569;height:6px}.cm-school{flex-direction:column;align-items:center;gap:4px;margin:8px 0;display:flex}.cm-title{flex-direction:column;align-items:center;gap:4px;margin:6px 0;display:flex}.cm-kra-text{color:#cbd5e1;letter-spacing:6px;margin:4px 0 6px;font-family:Playfair Display,serif;font-size:32px;font-weight:900}.cm-kra-icons{gap:6px;margin-bottom:8px;display:flex}.cm-kra-dot{background:#e2e8f0;border:1.5px solid #cbd5e1;border-radius:50%;width:16px;height:16px}.cm-name-bar{opacity:.3;background:linear-gradient(90deg,#2563eb,#1d4ed8);border-radius:3px;width:80%;height:14px;margin:auto 0 6px}.cm-photo{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:6px;width:50px;height:50px;position:absolute;bottom:10px;right:12px;box-shadow:0 2px 6px #0000001a}.landing-features{text-align:center;max-width:1100px;margin:0 auto;padding:60px 24px}.landing-features h2{color:#1e293b;margin:0 0 40px;font-family:Playfair Display,serif;font-size:32px}.features-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.feature-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:32px 20px;transition:all .2s;box-shadow:0 1px 3px #0000000f}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.feature-icon{color:var(--primary);margin-bottom:16px;font-size:28px}.feature-card h3{color:#1e293b;margin:0 0 8px;font-size:16px}.feature-card p{color:#64748b;margin:0;font-size:14px;line-height:1.6}.landing-samples{text-align:center;max-width:1100px;margin:0 auto;padding:60px 24px}.landing-samples h2{color:#1e293b;margin:0 0 8px;font-family:Playfair Display,serif;font-size:32px}.samples-subtitle{color:#64748b;margin:0 0 40px;font-size:16px}.samples-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:760px;margin:0 auto;display:grid}.sample-card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:16px;text-decoration:none;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.sample-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000002e}.sample-preview{background:#f0f4f8;border-radius:16px 16px 0 0;width:100%;height:280px;position:relative;overflow:hidden}.sample-preview iframe{transform-origin:top;width:816px;height:40000px;transform:translate(-50%) scale(var(--card-scale,.39));pointer-events:none;border:none;transition:top;position:absolute;top:0;left:50%}.sample-card:hover .sample-preview iframe{animation:8s linear infinite scrollPages}@keyframes scrollPages{0%{top:0}15%{top:0}20%{top:calc(-1248px * var(--card-scale,.39))}30%{top:calc(-1248px * var(--card-scale,.39))}35%{top:calc(-2496px * var(--card-scale,.39))}45%{top:calc(-2496px * var(--card-scale,.39))}50%{top:calc(-3744px * var(--card-scale,.39))}60%{top:calc(-3744px * var(--card-scale,.39))}65%{top:calc(-4992px * var(--card-scale,.39))}75%{top:calc(-4992px * var(--card-scale,.39))}80%{top:calc(-6240px * var(--card-scale,.39))}90%{top:calc(-6240px * var(--card-scale,.39))}95%{top:0}to{top:0}}.sample-preview-overlay{z-index:2;pointer-events:none;background:linear-gradient(#0000,#fffffff2);height:60px;position:absolute;bottom:0;left:0;right:0}.sample-info{text-align:left;z-index:3;background:#fff;padding:16px 20px 20px;position:relative}.sample-info h3{color:#1e293b;margin:0 0 4px;font-size:18px;font-weight:700}.sample-info p{color:#64748b;margin:0 0 12px;font-size:13px}.sample-badge{color:#2563eb;background:#eff6ff;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.portfolio-loading{color:#64748b;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;font-size:18px;display:flex}.landing-steps{text-align:center;max-width:1100px;margin:0 auto;padding:60px 24px}.landing-steps h2{color:#1e293b;margin:0 0 40px;font-family:Playfair Display,serif;font-size:32px}.steps-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.step-card{text-align:center}.step-num{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:20px;font-weight:700;display:flex}.step-card h3{color:#1e293b;margin:0 0 8px;font-size:16px}.step-card p{color:#64748b;margin:0;font-size:14px;line-height:1.6}.landing-cta{max-width:700px;margin:0 auto;padding:40px 24px 60px}.cta-card{border:2px solid var(--primary);text-align:center;background:linear-gradient(135deg,#004aad08,#004aad15);border-radius:16px;padding:40px}.cta-gcash{justify-content:center;align-items:center;gap:20px;margin-bottom:24px;display:flex}.gcash-logo{color:#fff;background:#007dfe;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;font-weight:800;display:flex}.cta-gcash h3{color:#1e293b;margin:0 0 4px;font-size:18px}.gcash-number{color:var(--primary);margin:0;font-family:Poppins,monospace;font-size:24px;font-weight:700}.gcash-name,.gcash-amount{color:#64748b;margin:2px 0 0;font-size:14px}.landing-footer{text-align:center;color:#94a3b8;border-top:1px solid #e2e8f0;padding:24px;font-size:13px}.auth-page{background:linear-gradient(135deg,#f0f4ff,#e8efff);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;font-family:Inter,Poppins,sans-serif;display:flex}.auth-container{background:#fff;border-radius:16px;width:100%;max-width:440px;padding:40px;box-shadow:0 8px 32px #004aad14}.register-container{max-width:520px}.auth-back{color:var(--primary);margin-bottom:20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-block}.auth-header{text-align:center;margin-bottom:28px}.auth-icon{margin-bottom:12px;font-size:40px}.auth-header h1{color:#1e293b;margin:0 0 6px;font-family:Playfair Display,serif;font-size:26px}.auth-header p{color:#64748b;margin:0;font-size:14px}.auth-error{color:#dc2626;background:#fee2e2;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.auth-form{flex-direction:column;gap:16px;display:flex}.form-label{color:#374151;flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.form-input{box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:15px;transition:border-color .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #004aad1a}.form-row{gap:12px;display:flex}.form-row>*{flex:1}.form-checkbox{color:#374151;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.form-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.form-hint{color:#94a3b8;margin:0;font-size:12px}.auth-switch{text-align:center;color:#64748b;margin-top:20px;font-size:14px}.auth-switch a{color:var(--primary);font-weight:600;text-decoration:none}.reg-steps{justify-content:center;gap:8px;margin-bottom:24px;display:flex}.reg-step{color:#94a3b8;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.reg-step.active{color:var(--primary)}.reg-step.done{color:#10b981}.step-dot{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.reg-step.active .step-dot{background:var(--primary);color:#fff}.reg-step.done .step-dot{color:#fff;background:#10b981}.gcash-info-box{background:#f0f7ff;border:1.5px solid #bbd4f0;border-radius:12px;padding:20px}.gcash-header{color:var(--primary);align-items:center;gap:10px;margin-bottom:12px;font-weight:700;display:flex}.gcash-g{color:#fff;background:#007dfe;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:800;display:flex}.gcash-details p{color:#374151;margin:4px 0;font-size:14px}.upload-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.upload-box{text-align:center;cursor:pointer;aspect-ratio:1;border:2px dashed #d1d5db;border-radius:12px;justify-content:center;align-items:center;padding:24px;transition:all .2s;display:flex;overflow:hidden}.upload-box:hover{border-color:var(--primary);background:#f0f4ff}.upload-placeholder{color:#94a3b8;flex-direction:column;align-items:center;gap:8px;font-size:13px;display:flex}.upload-icon{font-size:28px}.upload-preview{object-fit:cover;border-radius:8px;width:100%;height:100%}.dashboard-page{background:#f8fafc;min-height:100vh;font-family:Inter,Poppins,sans-serif}.dash-nav{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.dash-nav-right{align-items:center;gap:16px;display:flex}.dash-user-name{color:#64748b;font-size:14px;font-weight:500}.dash-content{max-width:900px;margin:0 auto;padding:32px 24px}.dash-greeting h1{color:#1e293b;margin:0 0 4px;font-family:Playfair Display,serif;font-size:28px}.dash-greeting p{color:#64748b;margin:0 0 24px;font-size:14px}.status-banner{border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:32px;padding:14px 20px;font-size:14px;font-weight:600;display:flex}.status-sub{opacity:.85;width:100%;margin-top:4px;font-size:13px;font-weight:400}.portfolio-section h2{color:#1e293b;margin:0 0 16px;font-size:20px}.portfolio-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;height:320px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000f}.portfolio-card:hover{box-shadow:0 8px 32px #004aad1f}.portfolio-card-inner{width:100%;height:100%;position:relative}.portfolio-cover-preview{background:linear-gradient(135deg,#f0f4ff,#e8efff);width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex}.portfolio-card.hovering .portfolio-cover-preview{transform:translateY(-100%)}.pcp-sidebar{background:linear-gradient(180deg,var(--primary),var(--primary-dark));width:24px}.pcp-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:30px;display:flex}.pcp-logos{gap:16px;margin-bottom:12px;display:flex}.pcp-logo-circle{background:#cbd5e1;border-radius:50%;width:40px;height:40px}.pcp-title{color:var(--primary);font-family:Playfair Display,serif;font-size:28px;font-weight:700}.pcp-subtitle{color:#64748b;letter-spacing:4px;text-transform:uppercase;font-size:16px;font-weight:600}.pcp-name{color:#1e293b;margin-top:12px;font-size:20px;font-weight:700}.pcp-position,.pcp-school{color:#64748b;font-size:13px}.portfolio-slides{flex-wrap:wrap;width:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:100%;left:0}.portfolio-card.hovering .portfolio-slides{transform:translateY(-100%)}.slide-page{box-sizing:border-box;border:.5px solid #e2e8f0;width:33.33%;height:160px;display:flex}.slide-sidebar{width:8px}.slide-content{background:#fff;flex:1;justify-content:center;align-items:center;display:flex}.slide-label{color:#374151;font-size:16px;font-weight:700}.portfolio-overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-overlay{opacity:1}.overlay-actions{gap:12px;display:flex}.overlay-locked{text-align:center;color:#fff}.overlay-locked p{margin:8px 0 0;font-size:14px}.dash-details{margin-top:32px}.dash-details h2{color:#1e293b;margin:0 0 16px;font-size:20px}.details-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.detail-item{background:#fff;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:2px;padding:12px 16px;display:flex}.detail-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.detail-value{color:#1e293b;font-size:14px;font-weight:500}.dash-url-box{background:#f0f4ff;border:1.5px solid #bbd4f0;border-radius:10px;align-items:center;gap:12px;margin-top:24px;padding:16px 20px;display:flex}.url-label{color:#374151;font-size:13px;font-weight:600}.url-value{color:var(--primary);font-family:Poppins,monospace;font-size:14px;font-weight:600}.admin-users-section{margin-top:40px}.admin-users-section h2{color:#1e293b;margin:0 0 20px;font-family:Playfair Display,serif;font-size:24px}.admin-users-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.admin-user-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 10px #0000000f}.admin-user-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f}.auc-preview{background:#f0f4f8;height:200px;position:relative;overflow:hidden}.auc-preview iframe{transform-origin:top;pointer-events:none;border:none;width:816px;height:1248px;position:absolute;top:0;left:50%;transform:translate(-50%)scale(.34)}.auc-preview-overlay{z-index:2;background:linear-gradient(#0000,#fff);height:40px;position:absolute;bottom:0;left:0;right:0}.auc-info{flex-direction:column;gap:2px;padding:12px 16px 8px;display:flex}.auc-info strong{color:#1e293b;font-size:15px}.auc-info span{color:#64748b;font-size:12px}.auc-info .status-badge{align-self:flex-start;margin-top:4px}.auc-actions{gap:8px;padding:8px 16px 14px;display:flex}.loading{color:#94a3b8;text-align:center;padding:60px;font-size:16px}.admin-page{background:#f1f5f9;min-height:100vh;font-family:Inter,Poppins,sans-serif}.admin-content{max-width:1200px;margin:0 auto;padding:32px 24px}.admin-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.stat-card{background:#fff;border-top:3px solid;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000a}.stat-icon{margin-bottom:8px;font-size:24px}.stat-value{color:#1e293b;font-family:Poppins,sans-serif;font-size:28px;font-weight:800}.stat-label{color:#94a3b8;font-size:13px;font-weight:500}.admin-filters{gap:8px;margin-bottom:20px;display:flex}.filter-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-count{background:#0000001a;border-radius:10px;padding:1px 6px;font-size:11px}.filter-btn.active .filter-count{background:#ffffff4d}.admin-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#fafbfc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:11px;font-weight:600}.admin-table td{color:#374151;border-bottom:1px solid #f1f5f9;padding:12px 16px}.admin-table tr:last-child td{border-bottom:none}.admin-user-cell{flex-direction:column;display:flex}.admin-user-cell small{color:#94a3b8;font-size:11px}.admin-table code{background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:12px}.status-badge{text-transform:capitalize;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.status-pending{color:#92400e;background:#fef3c7}.status-approved{color:#065f46;background:#d1fae5}.status-rejected{color:#991b1b;background:#fee2e2}.admin-actions{gap:6px;display:flex}.action-approve,.action-reject{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.action-approve{color:#065f46;background:#d1fae5}.action-approve:hover{background:#a7f3d0}.action-reject{color:#991b1b;background:#fee2e2}.action-reject:hover{background:#fecaca}.action-approve:disabled,.action-reject:disabled{opacity:.5;cursor:not-allowed}.empty-row{text-align:center;color:#94a3b8;padding:40px 16px!important}@media(max-width:768px){.landing-hero{grid-template-columns:1fr;gap:40px;padding:40px 24px}.hero-content h1{font-size:32px}.price-amount{font-size:36px}.features-grid,.steps-grid,.admin-stats{grid-template-columns:1fr 1fr}.details-grid{grid-template-columns:1fr}.hero-preview{display:none}.samples-grid{grid-template-columns:1fr;max-width:360px}.sample-preview{height:220px}.landing-nav-inner{padding:0 16px}.landing-features h2,.landing-steps h2,.landing-samples h2{font-size:26px}.auth-container{margin:16px}}@media(max-width:480px){.features-grid,.steps-grid{grid-template-columns:1fr}.hero-content h1{font-size:26px}.toolbar{flex-wrap:wrap;justify-content:flex-end}}.template-settings{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-top:32px;padding:24px;box-shadow:0 2px 12px #0000000f}.ts-title{color:#1e293b;margin:0 0 20px;font-size:18px;font-weight:700}.ts-section{margin-bottom:20px}.ts-section:last-child{margin-bottom:0}.ts-label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.ts-label-sm{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.ts-mode-toggle{gap:10px;display:flex}.ts-mode-btn{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.ts-mode-btn:hover{background:#f8fafc;border-color:#cbd5e1}.ts-mode-btn.active{border-color:var(--primary);color:var(--primary);background:#f0f4ff}.ts-mode-dots{gap:3px;display:flex}.ts-mode-dots span{border-radius:50%;width:12px;height:12px}.mono-dots span{width:16px;height:16px}.ts-color-grid{flex-wrap:wrap;gap:8px;display:flex}.ts-color-swatch{cursor:pointer;color:#fff;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.ts-color-swatch:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.ts-color-swatch.selected{box-shadow:0 0 0 2px var(--primary),0 4px 12px #00000026;border-color:#fff;transform:scale(1.1)}.ts-hue-slider{margin-top:12px}.ts-slider{appearance:none;cursor:pointer;border-radius:6px;outline:none;width:100%;height:10px}.ts-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:3px solid #374151;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #0003}.ts-slider::-moz-range-thumb{cursor:pointer;background:#fff;border:3px solid #374151;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 6px #0003}.ts-randomize-btn{color:var(--primary);cursor:pointer;background:linear-gradient(135deg,#f0f4ff,#e8efff);border:1.5px solid #bbd4f0;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.ts-randomize-btn:hover{background:linear-gradient(135deg,#e8efff,#dde6ff);transform:translateY(-1px);box-shadow:0 4px 12px #004aad1a}.ts-randomize-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ts-reset-link{color:#94a3b8;cursor:pointer;background:0 0;border:none;margin-left:12px;font-size:13px;text-decoration:underline;display:inline-block}.ts-reset-link:hover{color:#64748b}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}