textarea{width:100%;min-height:110px;border:1px solid #dce1e9;border-radius:9px;background:#fafbfc;padding:12px;margin-top:7px;font:inherit}.mobile-menu{display:none;padding:9px 12px}.page-head{text-align:center;max-width:780px;margin:20px auto 55px}.page-head.compact{margin-bottom:30px}.page-head small,.portal-head small{color:var(--purple);font-weight:800;letter-spacing:1.5px}.page-head h1,.portal-head h1{font-size:42px;letter-spacing:-2px;margin:10px 0}.page-head p,.portal-head p{color:var(--muted)}.template-grid,.package-grid,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template-grid article,.package-grid article,.cards article,.panel,.portal-grid>section{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.template-shot{height:190px;border-radius:11px;background:linear-gradient(140deg,#101525,#5b5df5);display:grid;place-content:center;color:#fff;font-size:22px;font-weight:800}.template-shot.c1{background:linear-gradient(140deg,#062a20,#c9a84c)}.template-shot.c2{background:linear-gradient(140deg,#2c1538,#ff6d73)}.template-grid article>b{display:block;margin:14px 0}.template-grid .button{display:inline-block}.section-title{margin-top:55px}.package-grid article>b{display:block;font-size:25px;margin:16px 0}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 45px}.benefits article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;text-align:center}.benefits b{font-size:25px;display:block}.benefits span{font-size:11px;color:var(--muted)}.flash{max-width:900px;margin:15px auto;padding:13px;border-radius:10px;background:#eafaf2;color:#14764a}.flash.bad,.alert{background:#fff0f0;color:#9d2b2b}.portal{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 76px)}.portal>aside{background:#111525;color:#fff;padding:24px 16px}.portal>aside>a{display:block;color:#aeb8ca;text-decoration:none;padding:12px;border-radius:9px;margin:3px 0}.portal>aside>a:hover,.portal>aside .new-order{background:#252b46;color:#fff}.account{display:flex;align-items:center;gap:10px;padding:10px 8px 25px}.account>b{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--cyan));display:grid;place-content:center}.account span{font-weight:700}.account small{display:block;color:#8e99ad;font-size:9px;margin-top:3px}.portal-main{padding:38px;min-width:0}.portal-head{margin-bottom:25px}.portal-head .button{float:right}.stats.four{grid-template-columns:repeat(4,1fr)}.portal-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:18px;margin-top:20px}.portal-grid h2{margin-top:0}.portal-grid>section>a{display:block;padding:12px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}.badge{display:inline-block;width:max-content;padding:6px 8px!important;border-radius:7px;font-size:9px;text-transform:capitalize;background:#fff3d8;color:#9a6800}.badge.good{background:#e6f9ef;color:#087747}.badge.bad{background:#ffe9e9;color:#a92626}.badge.wait{background:#fff3d8;color:#9a6800}.cards article>span{font-size:11px;color:var(--muted)}.split{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.panel.narrow{max-width:660px}.ticket-list{display:flex;flex-direction:column;gap:12px}.ticket-list article,.ticket-list form{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.ticket-list aside{background:#eef0ff;border-radius:9px;padding:12px}.admin-list{display:flex;flex-direction:column;gap:10px}.admin-list form{display:grid;grid-template-columns:1.5fr .7fr .8fr 1.2fr auto auto;gap:9px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px}.admin-list form small{display:block;color:var(--muted);margin-top:4px}.admin-list form input,.admin-list form select{margin:0}.product-form{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;background:#fff;border:1px solid var(--line);padding:18px;border-radius:14px;margin-bottom:18px}.product-form input,.product-form select{margin:0}.product-form label{margin:0}.confirm-card{display:grid;grid-template-columns:1fr .8fr;gap:25px;max-width:900px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.confirm-card aside{background:#f3f4f8;border-radius:13px;padding:20px}.confirm-card aside button{width:100%;margin-top:15px}.empty{text-align:center;padding:60px}.invoice{max-width:900px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:40px}.invoice>header{display:flex;justify-content:space-between}.invoice>header>div{display:flex;flex-direction:column}.invoice>header>div:last-child{text-align:right}.invoice-meta{display:flex;justify-content:space-between;margin:40px 0}.invoice-meta p{display:flex;flex-direction:column;gap:5px}.invoice table{width:100%;border-collapse:collapse}.invoice th,.invoice td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}.invoice-totals{margin-left:auto;max-width:340px;padding-top:20px}.invoice-totals p,.invoice-totals h3{display:flex;justify-content:space-between}.bank{background:#f5f6fa;border-radius:10px;padding:16px;margin:30px 0}.footer{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}@media print{.top,.portal>aside,.footer,.invoice>button{display:none!important}.portal{display:block}.portal-main,.container{padding:0}.invoice{border:0}}@media(max-width:1050px){.stats.four{grid-template-columns:1fr 1fr}.portal-grid,.split{grid-template-columns:1fr}.admin-list form{grid-template-columns:1fr 1fr}.product-form{grid-template-columns:1fr 1fr}}@media(max-width:800px){.mobile-menu{display:block}.top nav{position:fixed;left:0;right:0;top:76px;background:#fff;padding:18px;display:none;flex-direction:column;border-bottom:1px solid var(--line)}.nav-open .top nav{display:flex}.nav-open .top nav a{display:block!important}.portal{grid-template-columns:1fr}.portal>aside{display:flex;overflow:auto;padding:10px}.portal>aside .account{display:none}.portal>aside>a{white-space:nowrap}.portal-main{padding:25px 15px}.template-grid,.package-grid,.cards{grid-template-columns:1fr}.benefits{grid-template-columns:1fr 1fr}.page-head h1,.portal-head h1{font-size:34px}.confirm-card{grid-template-columns:1fr}.invoice{padding:20px}.invoice-meta{flex-direction:column}.product-form{grid-template-columns:1fr}.admin-list form{grid-template-columns:1fr}.stats.four{grid-template-columns:1fr 1fr}}