:root{--navy:#071a3b;--blue:#0969d8;--cyan:#18b7d8;--bg:#f1f3f5;--text:#252b35;--muted:#6b717c;--green:#22a447;--border:#dfe5ea}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg)}a{color:#1675bd;text-decoration:none}.shell{width:min(1100px,calc(100% - 32px));margin-left:auto;margin-right:auto}.topbar{height:28px;background:#3d3d3d;color:#eee;font-size:11px;padding:7px 0}.topbar .shell{display:flex;justify-content:space-between}.announcement{background:#d9f7e4;color:#16733c;text-align:center;padding:9px;font-size:12px;font-weight:700}.header{background:#fff;border-bottom:1px solid #eee}.header-inner{min-height:76px;display:flex;align-items:center;gap:30px;padding:8px 0}.brand{display:flex;align-items:center;gap:9px;color:#1e2b42;min-width:220px}.brand strong{display:block;font-size:22px}.brand small{display:block;font-size:9px;color:#1e9bd0}.logo{font-weight:900;font-size:24px;font-style:italic;color:#0d79c9}.search{display:flex;flex:1;max-width:440px;margin:auto}.search input{width:100%;padding:12px;border:1px solid #e0e4e8}.search button{width:45px;border:1px solid #e0e4e8;background:#fff}.account{font-size:12px;white-space:nowrap}.nav{background:#fff;border-top:1px solid #eee}.nav-inner{height:40px;display:flex;align-items:center;gap:28px;font-size:12px}.nav a{color:#333}.nav-dropdown{position:relative;height:100%;display:flex;align-items:center}.dropdown-menu{display:none;position:absolute;top:39px;left:-10px;min-width:190px;background:#fff;border:1px solid #ddd;box-shadow:0 12px 30px #0002;z-index:20}.nav-dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:11px 14px;border-bottom:1px solid #eee}.dropdown-menu a:hover{background:#f2f7ff;color:#0969d8}.hero{margin-top:25px;padding:55px 45px;min-height:280px;background:linear-gradient(115deg,#07152d,#104aa7 65%,#087fe5);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;border-radius:6px}.hero h1{font-size:34px;margin:10px 0}.hero p{color:#d9e4f8;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:2px}.hero-card{display:flex;justify-content:center}.server-window{background:#071b2d;border:1px solid #18c6e5;border-radius:12px;padding:20px;width:280px;box-shadow:0 15px 45px #00102b99}.dotrow{font-size:9px}.server-line{height:9px;background:#1bd3a8;margin:13px 0;border-radius:5px}.server-line.short{width:55%}.server-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.server-grid b{padding:14px;background:#0b2944;font-size:10px}.section,.container{margin-top:30px;margin-bottom:30px}.product-area{background:#fff;border:1px solid #e0e4e8;border-radius:6px;padding:22px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{font-size:20px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product-grid.compact{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid #e2e5e8;border-radius:10px;padding:20px;text-align:center;box-shadow:0 3px 12px #00000008}.card h3{font-size:15px;margin:6px 0 10px}.card p{font-size:12px;color:#555;min-height:34px;line-height:1.5}.card-icon{font-size:12px}.badge{display:inline-block;background:#edf5ff;color:#1774bb;border-radius:12px;padding:3px 9px;font-size:10px}.price{font-size:11px;margin:12px}.price b{font-size:15px}.btn{display:inline-block;border:0;border-radius:5px;padding:10px 18px;font-weight:700;font-size:12px;cursor:pointer}.primary{background:#0799d1;color:#fff}.outline{background:#fff;border:1px solid #79c6df;color:#1a96c8}.green{background:var(--green);color:#fff}.help{background:#fff;text-align:center;padding:35px}.help-grid{max-width:900px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.help-grid div{padding:20px;border:1px solid #eee;color:#777}.help-grid b{display:block;margin-top:8px;font-size:11px}.layout{margin-top:18px;margin-bottom:18px;display:grid;grid-template-columns:230px 1fr;gap:18px}.sidebar{background:#fff;border:1px solid #ddd}.sidebar h3{font-size:13px;padding:12px;margin:0;border-bottom:1px solid #eee}.sidebar a{display:block;padding:8px 12px;font-size:11px;color:#555}.sidebar a.active,.sidebar a:hover{background:#162844;color:#fff}.sidebar hr{border:0;border-top:1px solid #eee}.content{min-width:0}.banner{background:linear-gradient(115deg,#101a36,#1850c3);color:#fff;padding:28px 20px;margin-bottom:18px;border-radius:4px}.banner h1{margin:0 0 8px;font-size:25px}.banner p{margin:0;font-size:12px}.cardwide{background:#fff;border:1px solid #e0e4e8;border-radius:6px;padding:22px}.configure{display:grid;grid-template-columns:1fr 250px;gap:20px}.summary{background:#f6f7f8;padding:20px;display:flex;flex-direction:column;gap:15px;height:max-content}.configure label,.auth-card label,.admin-form label{display:block;font-size:12px;margin:12px 0 5px;font-weight:700}.configure input,.configure textarea,.auth-card input,.checkout-form input,.checkout-form select,.checkout-form textarea,.admin-form input,.admin-form select,.admin-form textarea{width:100%;padding:10px;border:1px solid #d7dce1;border-radius:4px}.configure textarea,.checkout-form textarea,.admin-form textarea{min-height:90px}.checkout{display:grid;grid-template-columns:1fr 270px;gap:18px}.cart-row{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:15px 0;border-bottom:1px solid #eee}.cart-row small{display:block;color:#777;margin-top:4px}.cart-row a{grid-column:auto}.order-total{background:#fff;border:1px solid #ddd;padding:22px;height:max-content;display:flex;flex-direction:column;gap:18px}.order-total strong{font-size:20px}.order-total hr{width:100%;border:0;border-top:1px solid #eee}.product-table{background:#fff;width:100%;border-collapse:collapse;font-size:12px}.product-table th,.product-table td{background:#fff;padding:12px;border-bottom:1px solid #eee;text-align:left}.product-table th:last-child,.product-table td:last-child{text-align:right}.promo{font-size:12px}.checkout-form{display:grid;grid-template-columns:1fr 270px;gap:18px}.review-line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee;font-size:12px}.success{text-align:center;padding:60px}.check{font-size:45px;color:#20a34a}.auth{min-height:65vh;display:flex;align-items:center;justify-content:center}.auth-card{width:390px;background:#fff;padding:30px;border-radius:12px;box-shadow:0 15px 50px #0002}.auth-card h1{margin-top:0}.auth-card .btn{width:100%;margin-top:15px}.error{background:#ffe7e7;color:#a00;padding:10px;border-radius:4px;font-size:12px}.ok{background:#e7f8ed;color:#14753b;padding:10px;border-radius:6px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:11px;border-bottom:1px solid #eee;text-align:left}footer{margin-top:50px;background:#333;color:#ddd;padding:25px 0;font-size:11px}.footer-inner{display:flex;gap:30px}.copy{margin-left:auto}.account-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.service-card{background:#fff;border:1px solid #dfe5ea;border-radius:7px;padding:22px;margin-bottom:16px}.service-card h2{margin:0 0 8px;font-size:20px}.service-card h4{margin:0 0 10px;color:#555;font-size:12px}.status{display:inline-block;padding:5px 10px;border-radius:14px;background:#ffe8e8;color:#a00;font-size:11px;font-weight:700}.status.completed{background:#e5f8eb;color:#16733c}.status.pending{background:#fff3cd;color:#856404}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.service-grid div{background:#f7f8fa;padding:12px;border-radius:5px}.service-grid b,.service-grid span{display:block}.service-grid b{font-size:10px;color:#777;margin-bottom:5px}.service-grid span{font-size:12px;font-weight:600}.service-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.invoice{background:#fff;border:1px solid #ddd;padding:28px}.invoice-head,.invoice-meta{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.invoice-head h1{margin:0}.invoice-head h2{margin:0 0 8px}.invoice-status{background:#ffe7e7;color:#a00;padding:6px 10px;border-radius:4px;font-size:11px;font-weight:700}.invoice-meta{margin:22px 0}.invoice-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:20px 0}.invoice-cols p{font-size:12px;line-height:1.6}.invoice-bottom{display:flex;justify-content:flex-end;gap:25px;padding-top:18px;font-size:14px}.pay-box{max-width:650px;margin:auto}.color-row{display:grid;grid-template-columns:60px 1fr;gap:8px}.color-picker{height:40px;padding:3px!important}.muted{color:#6b717c;font-size:12px}.admin-wrap{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.admin-nav{background:#071a3b;color:#fff;padding:22px}.admin-nav h2{font-size:18px}.admin-nav a{display:block;color:#dbe6f7;padding:11px 4px;border-bottom:1px solid #ffffff12;font-size:13px}.admin-main{padding:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats>div{background:#fff;padding:22px;border:1px solid #ddd}.stats span,.stats b{display:block}.stats b{font-size:28px;margin-top:8px}.admin-card{background:#fff;padding:20px;margin-top:18px;border:1px solid #ddd}.admin-form{max-width:650px}.admin-form .btn{margin-top:12px}@media(max-width:800px){.shell{width:calc(100% - 24px)}.header-inner{height:auto;flex-wrap:wrap;padding:12px 0}.brand{min-width:auto}.search{order:3;flex-basis:100%;max-width:none}.account{margin-left:auto}.nav-inner{overflow:visible;gap:18px;white-space:nowrap}.dropdown-menu{position:fixed;top:145px;left:12px}.hero{margin-top:12px;padding:35px 22px;grid-template-columns:1fr}.product-grid,.product-grid.compact{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr;margin-top:12px}.sidebar{display:none}.configure,.checkout,.checkout-form,.account-grid{grid-template-columns:1fr}.section,.container{margin-top:20px;margin-bottom:20px}.stats{grid-template-columns:1fr 1fr}.admin-wrap{grid-template-columns:1fr}.admin-nav{display:flex;gap:12px;overflow:auto;align-items:center}.admin-nav h2{display:none}.admin-nav a{border:0;white-space:nowrap}.cart-row{grid-template-columns:1fr auto}.cart-row a{grid-column:2}footer{flex-wrap:wrap}.footer-inner{flex-wrap:wrap}.copy{margin-left:0}.service-grid{grid-template-columns:1fr 1fr}.invoice-cols{grid-template-columns:1fr 1fr}}@media(max-width:500px){.product-grid,.product-grid.compact{grid-template-columns:1fr}.hero h1{font-size:25px}.account{font-size:10px}.brand strong{font-size:18px}.service-grid,.invoice-cols{grid-template-columns:1fr}.invoice{padding:16px}.invoice-head{flex-direction:column}.invoice-meta{flex-direction:column}}