*{box-sizing:border-box}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:#0b2131;background:#f2f6f8}button,input,textarea{font:inherit}a{text-decoration:none;color:inherit}.login-body{min-height:100vh;background:#061a29;display:grid;place-items:center;padding:30px}.login-shell{width:min(1050px,100%);min-height:610px;display:grid;grid-template-columns:1.15fr .85fr;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.35)}.login-brand{padding:70px;background:linear-gradient(135deg,#0876c4,#064b7e);color:#fff;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:400px;height:400px;border:70px solid rgba(199,237,59,.22);border-radius:50%;right:-190px;bottom:-190px}.login-brand .login-costamat-logo{width:240px;margin-bottom:65px}.login-brand>span,.admin-kicker{font-size:.67rem;letter-spacing:.17em;font-weight:800;color:#c7ed3b}.login-brand h1{font-size:3rem;line-height:1.04;letter-spacing:-.055em;margin:12px 0 22px}.login-brand p{color:rgba(255,255,255,.72);max-width:500px}.login-powered{position:absolute;left:70px;bottom:42px;display:flex;align-items:center;gap:12px;z-index:2}.login-powered small{color:rgba(255,255,255,.62);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.login-powered img{width:112px!important;height:auto;margin:0!important;filter:none!important;opacity:.92}.login-card{display:grid;place-items:center;padding:55px}.login-card form{width:100%}.login-card h2{font-size:2.2rem;margin:10px 0 4px;letter-spacing:-.05em}.login-card p{color:#71808a;margin:0 0 30px}.login-card label,.admin-form label{display:flex;flex-direction:column;gap:8px;font-size:.76rem;font-weight:800;color:#536671;margin-bottom:17px}.login-card input,.admin-form input,.admin-form textarea{width:100%;border:1px solid #dbe5ea;border-radius:11px;padding:13px 14px;outline:none;background:#fbfdfe;color:#0b2131}.login-card input:focus,.admin-form input:focus,.admin-form textarea:focus{border-color:#0a77c9;box-shadow:0 0 0 4px rgba(10,119,201,.1)}.login-card button,.card-head button{border:0;border-radius:11px;background:#0a77c9;color:#fff;padding:14px 18px;font-weight:800;cursor:pointer;box-shadow:0 12px 25px rgba(10,119,201,.2)}.login-card button{width:100%;margin-top:5px}.login-card small{display:block;text-align:center;color:#8b98a0;margin-top:16px}.alert{padding:13px 16px;border-radius:11px;margin-bottom:20px;font-size:.82rem;font-weight:700}.alert.error{background:#fff0f0;color:#b72525}.alert.success{background:#eafaf4;color:#09764e}.admin-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:#071b2b;color:#fff;padding:25px 17px;display:flex;flex-direction:column;z-index:20}.admin-logo{display:flex;align-items:center;gap:12px;padding:7px 9px 30px}.admin-logo img{width:145px}.admin-logo span{font-size:.57rem;font-weight:800;letter-spacing:.13em;color:#c7ed3b}.admin-sidebar nav{display:grid;gap:5px}.admin-sidebar nav button{border:0;background:transparent;color:rgba(255,255,255,.66);text-align:left;padding:12px 14px;border-radius:9px;cursor:pointer;font-weight:700;font-size:.82rem;display:flex;justify-content:space-between}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{background:#0a77c9;color:#fff}.admin-sidebar nav em{font-style:normal;background:#c7ed3b;color:#071b2b;min-width:22px;text-align:center;border-radius:999px;font-size:.67rem;padding:2px 6px}.sidebar-bottom{margin-top:auto;display:grid;gap:9px}.sidebar-bottom a{font-size:.77rem;color:rgba(255,255,255,.6);padding:9px}.sidebar-bottom a:hover{color:#fff}.sidebar-powered{margin-top:8px;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px}.sidebar-powered span{font-size:.57rem;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.45)}.sidebar-powered img{width:82px;height:auto;opacity:.75}.sidebar-powered:hover img{opacity:1}.admin-main{grid-column:2;padding:30px 38px 70px;min-width:0}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.admin-top span{font-size:.7rem;color:#7c8d97;font-weight:700}.admin-top h1{font-size:1.75rem;margin:2px 0 0;letter-spacing:-.04em}.mobile-sidebar-toggle{display:none}.admin-tab{display:none}.admin-tab.active{display:block}.admin-hero{padding:42px;background:linear-gradient(135deg,#0a77c9,#075687);border-radius:24px;color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.admin-hero:after{content:"";position:absolute;width:300px;height:300px;border:55px solid rgba(199,237,59,.25);border-radius:50%;right:-110px;bottom:-170px}.admin-hero>div{position:relative;z-index:2}.admin-hero span{font-size:.67rem;font-weight:800;letter-spacing:.15em;color:#c7ed3b}.admin-hero h2{font-size:2.3rem;line-height:1.06;letter-spacing:-.05em;margin:10px 0}.admin-hero p{color:rgba(255,255,255,.73);margin:0 0 22px}.admin-hero a{display:inline-block;background:#fff;color:#0a77c9;padding:10px 15px;border-radius:9px;font-weight:800;font-size:.76rem}.admin-hero-stat{text-align:center;min-width:170px}.admin-hero-stat strong{display:block;font-size:4rem;line-height:1}.admin-hero-stat span{color:rgba(255,255,255,.75);letter-spacing:0;text-transform:none}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0}.metric-grid article,.admin-card{background:#fff;border:1px solid #e3eaee;border-radius:18px;box-shadow:0 12px 35px rgba(10,35,52,.04)}.metric-grid article{padding:23px}.metric-grid span{font-size:.71rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#81909a}.metric-grid strong{display:block;font-size:2rem;margin:6px 0 0}.metric-grid small{color:#84919a}.admin-card{padding:27px;margin-bottom:18px}.admin-card h3{margin-top:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid div{padding:17px;background:#f4f8fa;border-radius:13px}.feature-grid strong{display:block;font-size:.86rem}.feature-grid span{font-size:.74rem;color:#71808a}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:25px}.card-head span{font-size:.63rem;color:#0a77c9;letter-spacing:.14em;font-weight:800}.card-head h2{font-size:1.65rem;letter-spacing:-.04em;margin:4px 0 0}.card-head p{color:#74838d;font-size:.77rem;margin:7px 0 0}.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.fields-grid .full{grid-column:1/-1}.admin-form textarea{resize:vertical}.admin-form input[type=color]{height:48px;padding:6px}.admin-form input[type=file]{background:#fff;padding:10px}.image-field>span{font-size:.76rem}.image-preview{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:18px;padding:13px;background:#f5f8fa;border-radius:13px}.image-preview img{width:180px;height:110px;object-fit:cover;border-radius:10px}.image-preview.small img{width:115px;height:95px}.image-preview.small{grid-template-columns:115px 1fr}.sortable-list{display:grid;gap:15px}.editor-item{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:20px;background:#f5f8fa;border-radius:15px}.editor-number{font-size:1.6rem;font-weight:800;color:#0a77c9}.gallery-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-admin-grid article{background:#f4f8fa;padding:13px;border-radius:15px}.gallery-admin-grid article>img{width:100%;height:185px;object-fit:cover;border-radius:10px;margin-bottom:14px}.gallery-admin-grid label{margin-bottom:10px}.messages-table{overflow:auto}.messages-table table{width:100%;border-collapse:collapse;min-width:900px}.messages-table th,.messages-table td{text-align:left;padding:13px;border-bottom:1px solid #e7edf1;font-size:.75rem;vertical-align:top}.messages-table th{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#788892}.messages-table td small,.messages-table td a{display:block;color:#71808a;margin-top:3px}.empty-state{padding:45px;text-align:center;color:#84919a;background:#f5f8fa;border-radius:14px}.mail-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.64rem;font-weight:800}.mail-status.sent{background:#e8f8f1;color:#087a52}.mail-status.saved{background:#fff4dd;color:#9a6500}
@media(max-width:1000px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{transform:translateX(-100%);transition:.25s}.admin-sidebar.open{transform:none}.admin-main{grid-column:1;padding:25px 20px 60px}.mobile-sidebar-toggle{display:block}.gallery-admin-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-brand{padding:35px 35px 105px}.login-brand .login-costamat-logo{margin-bottom:30px;width:190px}.login-powered{left:35px;bottom:28px}.login-brand h1{font-size:2rem}.login-card{padding:35px}.admin-hero{padding:28px;display:block}.admin-hero-stat{display:none}.metric-grid{grid-template-columns:1fr}.fields-grid{grid-template-columns:1fr}.fields-grid .full{grid-column:auto}.gallery-admin-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.card-head{display:block}.card-head button{margin-top:18px;width:100%}.editor-item{grid-template-columns:1fr}.image-preview,.image-preview.small{grid-template-columns:1fr}.image-preview img,.image-preview.small img{width:100%;height:170px}}