:root{--ink:#172e3d;--muted:#667b89;--accent:#087f73;--accent-dark:#056357;--line:#e3eaf0;--paper:#f4f7fa;--radius:16px;--shadow:0 8px 32px #17384b0a}
body.modern-site,body.modern-admin{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}
.modern-site h1,.modern-site h2,.modern-site h3,.modern-admin h1,.modern-admin h2,.modern-admin h3{font-family:inherit;letter-spacing:-.035em;font-weight:700;color:var(--ink)}
.modern-site a,.modern-admin a,.modern-site button,.modern-admin .btn{transition:color .2s,background .2s,box-shadow .2s,transform .2s}
.modern-site a:focus-visible,.modern-admin a:focus-visible,.modern-site button:focus-visible,.modern-admin button:focus-visible{outline:3px solid #48c9b0;outline-offset:4px}
.modern-site .page-header-top{background:#102e3a;color:#cfe1e4;border:0}
.modern-site .page-header-top a{color:#d8e7e9}
.modern-site .page-header{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 4px 22px #142e3e06}
.modern-site .main-nav>ul>li>a{font-family:inherit;font-weight:600;font-size:14px;color:#294754}
.modern-site .main-nav>ul>li>a:hover,.modern-site .main-nav a[aria-current=page]{color:var(--accent)}
.modern-site .main-nav ul ul{border-radius:12px;box-shadow:var(--shadow)}
.modern-menu-toggle{display:none}
@media(max-width:767px){.modern-site .sticky-menu>.grid-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.modern-site .sticky-menu .logo{max-width:72%;margin:18px 0;float:none;height:auto;min-height:40px}.modern-site .sticky-menu .logo h1{line-height:1.4;font-size:19px;margin:8px 0}.modern-site .modern-menu-toggle{display:inline-flex;align-items:center;gap:8px;background:#edf5f1;border:1px solid #d6e5dd;border-radius:8px;padding:9px 12px;color:#164537;font:600 12px "Segoe UI",sans-serif}.modern-site #public-navigation{display:none;float:none;width:100%;padding:0 0 16px}.modern-site #public-navigation.is-open{display:block}.modern-site #public-navigation>ul{display:flex;flex-direction:column;width:100%;padding:0}.modern-site #public-navigation>ul>li{float:none;display:block;margin:0;border:0;width:100%;padding:0}.modern-site #public-navigation>ul>li>a{display:block;line-height:1.5;padding:12px 10px;text-align:left}.modern-site #public-navigation>ul>li:before,.modern-site #public-navigation>ul>li:after{display:none}}
.modern-site .grid-row{max-width:1200px}
.modern-site .padding-section{padding-top:80px;padding-bottom:80px}
.modern-site .fullwidth-background{background:#fff}.modern-site .fullwidth-background:nth-of-type(even){background:#f5f8f9}.modern-site .divider-color:before,.modern-site .divider-color:after{display:none}
.modern-site h2{font-size:34px;line-height:1.2}
.modern-site h3{font-size:23px}
.modern-site .divider-color{height:1px;background:var(--line);border:0;margin:0}
.modern-site .cws-button,.modern-site input[type=submit]{border-radius:9px;background:var(--accent);border-color:var(--accent);color:#fff;font-family:inherit;font-weight:600;box-shadow:none}
.modern-site .cws-button:hover,.modern-site input[type=submit]:hover{background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-2px)}
.modern-site .accordions .content-title{border-radius:10px;border:1px solid var(--line);padding:16px 20px;margin-top:10px;background:#f6f9fa;color:var(--ink)}
.modern-site .accordions .content-title.active{background:#e9f6f2;color:var(--accent-dark);border-color:#bbdfd5}
.modern-site .accordions .content{padding:18px 20px;color:var(--muted)}
.modern-site .community{background:#f4f8f7}
.modern-site .parallaxed .them-mask{background:#133e43;opacity:.94}
.modern-site .parallaxed h2,.modern-site .parallaxed .font-style-1{color:#fff}
.modern-site footer{background:#102c38;color:#bdcfd6;border-top:0;padding-top:56px}
.modern-site footer h2,.modern-site footer h3,.modern-site footer a{color:#e8f2f4}
.modern-site footer h2{font-size:19px;background:none!important;letter-spacing:0}
.modern-site footer .footer-bottom{background:#0c2430;border-top:1px solid #ffffff14}
.modern-site input:not([type=submit]):not([type=checkbox]),.modern-site textarea,.modern-site select{border:1px solid #d8e3e8;border-radius:9px;padding:12px 15px;font-family:inherit;box-sizing:border-box}
.modern-site .modern-hero{position:relative;background:#f1f6f4;overflow:hidden;padding:76px 24px 0}
.modern-hero-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;gap:68px;align-items:center;padding-bottom:66px}
.modern-eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--accent-dark);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:750}
.modern-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#18a78b;box-shadow:0 0 0 5px #18a78b13}
.modern-site .modern-hero h1{font-size:clamp(40px,4.8vw,67px);line-height:1.08;letter-spacing:-.055em;margin:24px 0;color:#153541}
.modern-hero h1 span{color:var(--accent)}
.modern-hero-description{font-size:17px;line-height:1.85;color:#5a727b;max-width:480px;margin-bottom:29px}
.modern-actions{display:flex;gap:13px;flex-wrap:wrap}
.modern-site .modern-button{display:inline-flex;align-items:center;gap:18px;padding:14px 23px;border-radius:10px;background:var(--accent);color:#fff;font-weight:650;font-size:14px;border:1px solid var(--accent);text-decoration:none}
.modern-site .modern-button:hover{background:var(--accent-dark);transform:translateY(-3px);box-shadow:0 8px 18px #087f7326}
.modern-site .modern-button.secondary{background:#fff;color:var(--ink);border-color:#d4e1dc}
.modern-hero-note{display:flex;gap:10px;align-items:center;font-size:12px;color:#6b807d;margin-top:28px}
.modern-hero-note i{color:var(--accent)}
.modern-visual{position:relative;min-height:390px;border-radius:32px;background:#dcece4;border:8px solid #ffffffa6;box-shadow:0 22px 65px #173f3820;transform:rotate(2deg)}
.modern-visual svg{display:block;width:100%;height:390px;border-radius:24px}
.modern-visual-photo{width:100%;height:390px;object-fit:cover;border-radius:24px;display:block}
.modern-visual-label{position:absolute;left:-28px;bottom:30px;display:flex;align-items:center;gap:13px;background:#fff;padding:16px 22px;border:1px solid #edf3ef;border-radius:14px;box-shadow:0 12px 30px #173f3812;transform:rotate(-2deg);animation:modern-float 6s ease-in-out infinite}
.modern-visual-label i{display:grid;place-items:center;width:42px;height:42px;background:#e8f6ee;border-radius:12px;color:var(--accent);font-size:20px}
.modern-visual-label strong{display:block;font-size:14px;line-height:1.4}.modern-visual-label small{font-size:11px;color:var(--muted)}
.modern-visual-tag{position:absolute;right:18px;top:18px;background:#ffffffed;color:#194a40;border-radius:25px;padding:7px 13px;font-weight:650;font-size:11px;transform:rotate(-2deg)}
.modern-quicklinks{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d7e5dc}
.modern-quicklinks a{display:flex;align-items:center;gap:18px;padding:26px;color:var(--ink);border-right:1px solid #d7e5dc;text-decoration:none}
.modern-quicklinks a:first-child{padding-left:0}.modern-quicklinks a:last-child{border-right:0}
.modern-quicklinks a>i{font-size:23px;color:var(--accent)}.modern-quicklinks strong{display:block;font-size:15px}.modern-quicklinks small{color:var(--muted);font-size:12px}.modern-quicklinks .modern-arrow{margin-left:auto;font-size:18px}
.modern-quicklinks a:hover{background:#e7f0ea}
.modern-admin{background:var(--paper)}
.modern-admin .content-wrapper,.modern-admin .right-side{background:var(--paper)}
.modern-admin .main-header .logo,.modern-admin .main-header .navbar{background:#fff!important;color:var(--ink)!important;box-shadow:0 1px 0 var(--line)}
.modern-admin .main-header .logo{border-right:1px solid var(--line)}
.modern-admin .main-header .navbar .nav>li>a,.modern-admin .main-header .navbar .sidebar-toggle{color:#45616f!important}
.modern-admin .main-header .navbar .nav>li>a:hover,.modern-admin .main-header .navbar .sidebar-toggle:hover{background:#edf5f4!important}
.modern-admin .main-sidebar,.modern-admin .left-side,.modern-admin .wrapper{background:#122e3c!important}
.modern-admin .sidebar{padding:20px 10px}
.modern-admin .sidebar-menu>li>a{border:0!important;border-radius:9px;margin:3px 0;padding:13px 15px;color:#b9cdd7;transition:background .2s,color .2s}
.modern-admin .sidebar-menu>li>a>.fa{width:26px;color:#83a9b7}
.modern-admin .sidebar-menu>li.active>a,.modern-admin .sidebar-menu>li:hover>a{background:#1e4652!important;color:#fff!important}
.modern-admin .sidebar-menu>li.active>a{box-shadow:inset 3px 0 #47c5ab}
.modern-admin .sidebar-menu .treeview-menu{background:#102936!important;border-radius:9px;padding:6px}
.modern-admin .treeview-menu>li>a{color:#adc5ce;padding:10px 12px;border-radius:6px;font-size:12px}
.modern-admin .treeview-menu>li>a:hover{color:#fff;background:#1a3a48}
.modern-admin .content-header{padding:28px 25px 14px}
.modern-admin .content-header>h1{font-size:27px;font-weight:750;letter-spacing:-.035em}
.modern-admin .content-header>h1>small{font-size:13px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:8px}
.modern-admin .content{padding:15px 25px 30px}
.workspace-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0 26px}.workspace-welcome h1{font-size:29px;margin:12px 0 8px}.workspace-welcome p{font-size:13px;color:var(--muted);margin:0}.workspace-date{border:1px solid var(--line);border-radius:9px;padding:10px 15px;background:#fff;font-size:12px;color:var(--muted);white-space:nowrap}.workspace-date i{margin-right:8px;color:var(--accent)}
.modern-admin .login-logo{max-width:none;max-height:none;background:none;overflow:visible}.modern-admin .login-box{background:none;border-radius:20px}.modern-admin .sidebar-menu a[aria-current=page]{color:#fff!important}
.modern-site .sticky-menu{background:#fff;box-shadow:0 2px 18px #17384b08}.modern-site .logo h1{font-size:20px;letter-spacing:-.03em;font-weight:750}.modern-site .logo img{object-fit:contain}
.modern-site .sticky-menu .logo h1{font-family:Inter,"Segoe UI",Arial,sans-serif}.modern-site .page-header-top .header-top-panel>div,.modern-site .page-header-top .login-icon{background:#ffffff0d}.modern-site .page-header-top .header-top-panel>div:hover,.modern-site .page-header-top .login-icon:hover{background:#ffffff20}
@media(max-width:767px){.workspace-welcome{align-items:flex-start;flex-direction:column}.workspace-welcome h1{font-size:25px}.workspace-date{font-size:11px}}
.modern-admin .box{border:1px solid var(--line)!important;border-radius:var(--radius);box-shadow:var(--shadow);overflow:visible;margin-bottom:24px}
.modern-admin .box-header{padding:20px 22px;border-bottom:1px solid #eef2f5}
.modern-admin .box-header .box-title{font-size:16px;font-weight:650;line-height:1.5}
.modern-admin .box-body{padding:20px 22px}.modern-admin .box-footer{border-color:var(--line);padding:16px 22px;border-radius:0 0 var(--radius) var(--radius)}
.modern-admin .small-box{border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border:1px solid #ffffff30;transition:transform .25s,box-shadow .25s}
.modern-admin .small-box:hover{transform:translateY(-4px);box-shadow:0 16px 30px #17384b14}
.modern-admin .small-box>.inner{padding:21px}.modern-admin .small-box h3{font-size:36px;color:inherit;font-weight:750}.modern-admin .small-box p{font-size:13px;font-weight:550;opacity:.95}
.modern-admin .small-box .icon{font-size:65px;top:16px;right:20px;color:#ffffff25}.modern-admin .small-box:hover .icon{font-size:68px}
.modern-admin .bg-aqua{background:#167f85!important}.modern-admin .bg-green{background:#268469!important}.modern-admin .bg-yellow{background:#ae7626!important}.modern-admin .bg-red{background:#b05c64!important}
.modern-admin .small-box .bg-orange-dark{background:#216a76!important}.modern-admin .small-box .bg-pink-light{background:#8b4e68!important}.modern-admin .small-box .bg-purple-light{background:#615a96!important}.modern-admin .small-box .bg-teal-light{background:#167d70!important}.modern-admin .small-box .icon{background:transparent!important;color:#ffffff30!important;bottom:auto;font-size:54px}.modern-admin .small-box:hover .icon{font-size:57px}.modern-admin .small-box>.small-box-footer{padding:0;text-align:left}.modern-admin .small-box>.small-box-footer>.inner{padding:20px}
.modern-admin .info-box{border-radius:14px;box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden}.modern-admin .info-box-icon{border-radius:0}
.modern-admin .table>thead>tr>th{background:#f6f8fa;color:#6b7f8b;font-weight:650;font-size:11px;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--line);padding:14px 12px;vertical-align:middle}
.modern-admin .table>tbody>tr>td{padding:13px 12px;border-color:#edf1f4;vertical-align:middle}.modern-admin .table-striped>tbody>tr:nth-of-type(odd){background:#fafcfd}.modern-admin .table-hover>tbody>tr:hover{background:#eef7f5}
.modern-admin .form-control,.modern-admin .select2-container--default .select2-selection--single,.modern-admin .select2-container--default .select2-selection--multiple{border:1px solid #d8e3e9;border-radius:8px;box-shadow:none;min-height:40px;transition:border-color .2s,box-shadow .2s}
.modern-admin .form-control:focus{border-color:#279d8d;box-shadow:0 0 0 3px #0b8c7912}.modern-admin label{font-size:12px;color:#48606e;font-weight:650}
.modern-admin .btn{border-radius:8px;font-weight:600;padding:9px 15px;border-color:transparent;box-shadow:none}.modern-admin .btn-xs{padding:4px 8px;font-size:11px}.modern-admin .btn-sm{padding:6px 11px}
.modern-admin .btn-primary,.modern-admin .btn-success,.modern-admin .login-button{background:var(--accent);border-color:var(--accent);color:#fff}.modern-admin .btn-primary:hover,.modern-admin .btn-success:hover,.modern-admin .login-button:hover{background:var(--accent-dark);box-shadow:0 4px 12px #087f7326}
.modern-admin .btn-default{background:#f2f6f8;border-color:var(--line);color:#3b5665}.modern-admin .label{border-radius:5px;padding:4px 7px;font-weight:600}
.modern-admin .alert{border-radius:10px}.modern-admin .modal-content{border-radius:16px;border:0;box-shadow:0 20px 80px #132b3c30}.modern-admin .modal-header{border-radius:16px 16px 0 0;padding:20px}
.modern-admin .nav-tabs-custom{border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.modern-admin .nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--accent)}
.modern-admin .pagination>.active>a,.modern-admin .pagination>.active>span{background:var(--accent);border-color:var(--accent)}
.modern-admin .main-footer{border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:12px;padding:19px 25px}.modern-admin .main-footer a{color:var(--accent)}
.modern-admin.login-page,.modern-admin.register-page{background:radial-gradient(ellipse at 15% 25%,#20596a 0,transparent 48%),radial-gradient(ellipse at 85% 85%,#176b60 0,transparent 45%),#112c3a;min-height:100vh;padding:6vh 16px;box-sizing:border-box}
.modern-admin .login-box{width:420px;max-width:100%;margin:4vh auto;animation:modern-enter .6s both}.modern-admin .login-logo{margin-bottom:24px}.modern-admin .login-logo img{max-width:180px;max-height:65px;object-fit:contain;filter:drop-shadow(0 3px 14px #ffffff25)}
.modern-admin .login-box-body{padding:36px;border-radius:20px;box-shadow:0 24px 70px #0003;border:1px solid #ffffff80;background:#fff}.modern-admin .login-box-msg{padding:8px 0 28px;color:var(--muted)!important;font-size:13px}.modern-admin .login-box-body .form-control{height:47px}.modern-admin .login-box-body .form-control-feedback{top:4px;color:#7b909b}
.modern-admin .login-box-body h1{font-size:29px;margin:0;text-align:center}.modern-admin .forgot-link{color:var(--accent);font-size:12px}.modern-admin .login-button{min-height:47px;font-size:13px;letter-spacing:.06em}
@keyframes modern-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes modern-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(-2deg)}}
.modern-hero-inner>div:first-child{animation:modern-enter .65s both}.modern-visual{animation:modern-enter .9s both}
.modern-reveal.is-visible{animation:modern-enter .55s both}
@media(max-width:991px){.modern-hero-inner{gap:32px}.modern-site .modern-hero{padding-top:48px}.modern-visual{min-height:310px}.modern-visual svg,.modern-visual-photo{height:310px}.modern-site .modern-hero h1{font-size:45px}.modern-admin .content-header>h1>small{display:block;margin:8px 0}.modern-site .padding-section{padding-top:50px;padding-bottom:50px}}
@media(max-width:767px){.modern-hero-inner{grid-template-columns:1fr;gap:36px;padding-bottom:40px}.modern-site .modern-hero h1{font-size:42px}.modern-hero-description{font-size:15px}.modern-visual{margin:0 14px;transform:none}.modern-visual-label{left:-14px;bottom:18px}.modern-quicklinks{grid-template-columns:1fr}.modern-quicklinks a,.modern-quicklinks a:first-child{padding:19px 4px;border-right:0;border-bottom:1px solid #d7e5dc}.modern-admin .content-header{padding:22px 15px 10px}.modern-admin .content{padding:12px 15px}.modern-admin .box-body{padding:15px}.modern-admin .content-header>.breadcrumb{background:transparent}.modern-admin .login-box-body{padding:28px}.modern-site .main-nav{z-index:100}.modern-site .grid-row{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.modern-admin .box{box-shadow:none;border-radius:0}.modern-admin .content{padding:0}.modern-reveal{opacity:1!important;transform:none!important}}