@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--ink:#16204b;--muted:#586481;--purple:#251164;--blue:#2359e8;--cyan:#11b5ee;--line:#dde4f2;--canvas:#f3f6fd;--grad:linear-gradient(115deg,#37218b 0%,#265ee9 65%,#05a9dc 100%);--shadow:0 18px 50px #1425570c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:'Poppins',sans-serif;color:var(--ink);font-size:16px;line-height:1.7;background:#fff}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #ffb800}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5.4vw,4.65rem);font-weight:700;margin-bottom:24px}h2{font-size:clamp(2rem,3.3vw,3rem);margin-bottom:18px}h3{font-size:1.2rem;letter-spacing:-.02em}small{font-size:.875rem}img{max-width:100%;height:auto}.wrap{max-width:1240px;margin:auto;padding:0 30px}.topline{background:var(--purple);color:#fff;font-size:.875rem;padding:8px 0}.topline .wrap{display:flex;justify-content:space-between;gap:15px}.header{background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.nav{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{background:#fff;padding:5px;border:1px solid #ececf6;border-radius:10px;display:inline-flex;flex-shrink:0}.brand img{width:202px;display:block;border-radius:5px}.navlinks{display:flex;align-items:center;gap:25px;font-size:.875rem;font-weight:500}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:9px;padding:13px 22px;background:var(--grad);color:white;font-weight:600;font-size:.9375rem;line-height:1.5;cursor:pointer;box-shadow:0 6px 18px #3155bc26;text-decoration:none!important}.btn:hover{filter:brightness(1.08)}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.small{padding:8px 13px;font-size:.875rem}.btn.danger{background:linear-gradient(110deg,#9d1842,#cb3758)}.menu-toggle{display:none}.hero{position:relative;background:radial-gradient(ellipse at 85% 35%,#dce9ff 0%,transparent 48%),linear-gradient(135deg,#fff 25%,#f1f4ff 100%);padding:85px 0 80px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:62px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.8125rem;font-weight:600;color:#3155ac;margin-bottom:19px}.hero h1 span{color:#3657d4}.lead{color:var(--muted);font-size:1.0625rem;max-width:620px;line-height:1.9}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:28px 0}.hero-note{font-size:.875rem;color:var(--muted)}.capability{background:linear-gradient(135deg,#20134e,#172e73 65%,#155898);padding:30px;border-radius:22px;box-shadow:0 24px 65px #1f2b6030;color:#fff;position:relative}.cap-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff26;padding-bottom:20px;margin-bottom:24px}.cap-top .pill{color:#a8e7ff;background:#ffffff12;border:1px solid #ffffff28}.capability h3{font-size:1.65rem;margin-bottom:12px}.capability p{color:#c8d5f5;font-size:.9375rem}.cap-rows{display:grid;gap:10px;margin-top:25px}.cap-row{padding:15px 17px;display:flex;gap:17px;align-items:center;border:1px solid #ffffff25;border-radius:11px;background:linear-gradient(110deg,#ffffff12,#ffffff04)}.cap-number{color:#86d5ff;font-weight:600}.cap-row strong{display:block;font-size:.9375rem}.cap-row small{color:#c1d0f4}.cap-foot{margin-top:23px;border-top:1px solid #ffffff26;padding-top:16px;font-size:.875rem;color:#c9d9ff}.strip{border-bottom:1px solid var(--line);padding:22px 0}.strip .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:.875rem;font-weight:500;color:#4d5c7a}.section{padding:82px 0}.section.soft{background:linear-gradient(135deg,#f7f9ff,#eef4fc)}.section.dark{background:linear-gradient(115deg,#24114e,#172e71);color:#fff}.section.dark .lead{color:#ced7f2}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head .lead{max-width:420px;font-size:1rem;margin-bottom:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.card{padding:29px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.card p{font-size:.9375rem;color:var(--muted);margin-bottom:0}.icon-box{width:47px;height:47px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(130deg,#e8e4ff,#e0f4ff);color:#3353b5;font-weight:600;margin-bottom:25px}.service-card{display:flex;flex-direction:column;min-height:256px}.service-card a{font-size:.875rem;color:#365cc5;font-weight:600;margin-top:22px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:38px}.step{border-top:1px solid #ffffff35;padding-top:20px}.step .n{display:block;color:#8fdfff;font-size:.875rem;margin-bottom:15px}.step p{font-size:.9375rem;color:#c6d2ef}.intern-panel{background:var(--grad);color:#fff;padding:35px;border-radius:17px}.intern-panel p{color:#e0eaff}.intern-panel ul{padding-left:20px;margin-bottom:30px}.feature-list{list-style:none;padding:0;margin:25px 0}.feature-list li{padding:13px 0;border-bottom:1px solid var(--line);font-size:.9375rem}.feature-list strong{display:block}.pill{display:inline-flex;padding:5px 11px;border-radius:30px;background:#edf1ff;color:#3b50a0;font-size:.8125rem;font-weight:500;line-height:1.5}.status-approved,.status-completed,.status-selected{background:#e1f4ec;color:#186849}.status-rejected,.status-cancelled{background:#ffe8ec;color:#9c2b49}.status-submitted,.status-contacted{background:#e4efff;color:#244b9c}.status-changes_requested{background:#fff1da;color:#865513}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:.875rem;font-weight:500}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid #cbd5e8;border-radius:8px;color:var(--ink);background:#fff;min-width:0;font-size:.9375rem}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #6894ed;border-color:transparent}.check{display:flex;align-items:start;gap:10px;font-size:.875rem;color:var(--muted);margin:15px 0 22px}.check input{margin-top:6px;flex-shrink:0}.honey{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.alert{padding:15px 20px;border-radius:10px;background:#e1f4ec;color:#145d40;border:1px solid #b8ddcc;margin:18px 0}.alert.error{background:#ffecef;color:#8c2340;border-color:#f1c4cf}.alert ul{margin:0;padding-left:20px}.contact-line{display:block;padding:16px 0;border-bottom:1px solid var(--line)}.contact-line small{display:block;color:var(--muted);margin-bottom:4px}.privacy{margin-top:30px;padding:20px;background:#f2f5fc;border-radius:10px;font-size:.875rem;color:var(--muted)}.privacy summary{font-weight:600;color:var(--ink);cursor:pointer}.privacy p{margin:14px 0 0}.footer{background:#0f1838;color:#c8d2ec;padding:44px 0 24px}.footer .brand{margin-bottom:18px}.footer p{font-size:.875rem;max-width:450px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}.footer h3{font-size:1rem;color:#fff}.footer a{display:block;font-size:.875rem;margin:8px 0}.footer .brand{display:inline-flex}.copyright{border-top:1px solid #ffffff20;padding-top:20px;margin-top:25px;display:flex;justify-content:space-between;font-size:.8125rem;gap:20px}.chat-launch{position:fixed;bottom:22px;right:22px;z-index:35;border-radius:30px;box-shadow:0 8px 25px #25317140}.chatbox{position:fixed;right:22px;bottom:85px;width:370px;max-width:calc(100vw - 30px);background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 70px #13275435;z-index:36;overflow:hidden}.chat-head{padding:17px 19px;background:var(--grad);color:white;display:flex;justify-content:space-between;align-items:center}.chat-head button{background:none;border:0;color:#fff;cursor:pointer;font-size:1.2rem;padding:5px}.chat-body{height:260px;overflow:auto;padding:18px}.bubble{padding:11px 13px;font-size:.875rem;margin-bottom:12px;background:#f0f4fd;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.user{background:#e7edff;margin-left:25px}.chatbox form{padding:14px;border-top:1px solid var(--line);display:flex;gap:8px}.chatbox input{min-width:0;flex:1;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:.875rem}.chat-note{padding:0 15px 12px;font-size:.8125rem;color:var(--muted)}[hidden]{display:none!important}
/* ERP */
.portal-body{background:var(--canvas)}.app-shell{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh}.sidebar{padding:25px 18px;background:linear-gradient(180deg,#20134d,#12285f);color:#d4ddf6;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar .brand img{width:202px}.nav-label{font-size:.8125rem;text-transform:uppercase;letter-spacing:.13em;color:#a8b4d7;margin:30px 12px 13px}.side-nav{display:flex;flex-direction:column;gap:6px}.side-nav a{padding:11px 14px;border-radius:8px;font-size:.9375rem;display:flex;align-items:center;gap:12px}.side-nav a.current{background:linear-gradient(100deg,#4855c5,#2273b5);color:white}.side-nav a:hover{background:#ffffff13;text-decoration:none}.side-nav a.current:hover{background:linear-gradient(100deg,#4855c5,#2273b5)}.sidebar-foot{margin-top:auto;padding:25px 10px 5px;font-size:.8125rem;color:#a8b9df}.main{min-width:0}.app-top{background:#fff;border-bottom:1px solid var(--line);padding:21px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.app-top small{color:var(--muted)}.user-block{display:flex;align-items:center;gap:13px}.avatar{width:41px;height:41px;border-radius:50%;background:linear-gradient(130deg,#e4deff,#deefff);display:flex;align-items:center;justify-content:center;font-weight:600;color:#4a4696}.app-content{padding:33px 35px;max-width:1500px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-title h1{font-size:1.85rem;margin-bottom:8px}.page-title p{font-size:.9375rem;color:var(--muted);margin:0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:27px}.stat{padding:24px;border-radius:13px;background:#fff;border:1px solid var(--line);position:relative;overflow:hidden}.stat:before{content:'';position:absolute;left:0;top:0;right:0;height:4px;background:var(--grad)}.stat small{color:var(--muted)}.stat strong{display:block;font-size:2rem;font-weight:600;margin-top:12px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:25px;overflow:hidden;box-shadow:var(--shadow)}.panel-head{padding:22px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-head h2{font-size:1.15rem;margin:0}.panel-body{padding:24px}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:.875rem}th{text-align:left;background:#f6f8fd;color:#606d8b;font-weight:500;padding:14px 20px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:18px 20px;border-bottom:1px solid #edf0f7;vertical-align:top;min-width:115px}tr:last-child td{border-bottom:0}td p{margin:5px 0 0;font-size:.875rem;color:var(--muted);max-width:380px;overflow-wrap:anywhere}.empty{padding:45px 25px;text-align:center;color:var(--muted)}.empty h3{color:var(--ink);margin-bottom:12px}.record{padding:23px 25px;border-bottom:1px solid var(--line)}.record:last-child{border-bottom:0}.record-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.record-head h3{font-size:1.0625rem;margin:0}.record p{color:var(--muted);font-size:.9375rem;white-space:pre-wrap;overflow-wrap:anywhere}.record small{color:var(--muted)}.record details{margin-top:15px}.record summary{font-size:.875rem;color:#3558b0;font-weight:500;cursor:pointer}.record details form{padding:18px 0 0}.inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inline-form select{padding:8px;border-radius:7px;border:1px solid var(--line);font-size:.875rem}.pagination{display:flex;justify-content:space-between;padding:18px 22px;gap:20px;font-size:.875rem}.auth-body{background:radial-gradient(ellipse at 20% 30%,#3666b5,transparent 60%),linear-gradient(135deg,#21134e,#12295e);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px}.auth-shell{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;width:100%;box-shadow:0 30px 80px #0003;border-radius:22px;overflow:hidden;background:#fff}.auth-story{padding:48px;background:linear-gradient(150deg,#2b246d,#155a89);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.auth-story h2{font-size:2.2rem;margin-top:45px}.auth-story p{color:#d9e5ff;font-size:.9375rem}.auth-form{padding:50px 45px}.auth-form h1{font-size:1.85rem;margin-bottom:13px}.auth-form .btn{width:100%;margin-top:8px}.auth-links{font-size:.875rem;display:flex;justify-content:space-between;margin-top:22px;gap:15px}.subtle{color:var(--muted);font-size:.9375rem}.notice{padding:15px 18px;border:1px solid #d7e3f8;background:#eff5ff;border-radius:10px;color:#3b557e;font-size:.875rem;margin-bottom:22px}
@media(max-width:1100px){.navlinks{gap:16px}.hero-grid{gap:30px}.stat-grid{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:220px minmax(0,1fr)}.sidebar .brand img{width:172px}.app-content,.app-top{padding:25px}.grid3{gap:16px}.card{padding:23px}}
@media(max-width:850px){.menu-toggle{display:inline-flex}.nav{position:relative;min-height:80px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.navlinks{display:none;width:100%;padding:15px 0 10px;flex-wrap:wrap}.navlinks.open{display:flex}.hero{padding:55px 0}.hero-grid,.grid2{grid-template-columns:1fr}.hero-grid{gap:35px}.capability{max-width:650px}.grid3{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.section{padding:55px 0}.section-head{display:block}.section-head .lead{max-width:650px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.app-shell{display:block}.sidebar{height:auto;position:static;padding:15px 20px}.sidebar .brand{align-self:start}.nav-label,.sidebar-foot{display:none}.side-nav{flex-direction:row;flex-wrap:wrap;margin-top:12px;gap:3px}.side-nav a{padding:7px 10px;font-size:.875rem}.auth-shell{grid-template-columns:1fr}.auth-story{padding:25px}.auth-story h2,.auth-story p{display:none}.auth-form{padding:32px}.app-top{padding:17px 22px}}
@media(max-width:560px){.wrap{padding:0 20px}.topline .wrap span{display:none}.topline{font-size:.8125rem}.brand img{width:178px}.hero h1{font-size:2.6rem}.grid3,.steps,.form-grid{grid-template-columns:1fr}.section-head{margin-bottom:25px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.copyright{display:block}.capability{padding:23px}.actions .btn{width:100%}.app-content{padding:22px 16px}.app-top{align-items:start;flex-wrap:wrap}.user-block{width:100%;justify-content:space-between}.stat-grid{gap:12px}.stat{padding:18px}.stat small{font-size:.8125rem}.panel-body,.record{padding:20px}.record-head{align-items:start;flex-direction:column;gap:10px}.page-title{align-items:start;flex-direction:column}.chat-launch{bottom:14px;right:14px}.chatbox{right:15px;bottom:76px}.auth-body{padding:17px}.auth-form{padding:27px 23px}.field.full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}