@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";html{scroll-behavior:smooth;min-width:320px}body{margin:0}:root{color:#252b30;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#f3f4f5;font-family:Inter,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.admin-layout{min-height:100vh;display:flex}.sidebar{color:#fff;background:#252b30;flex-direction:column;width:255px;min-width:255px;min-height:100vh;padding:28px 18px 20px;display:flex}.brand{border-bottom:1px solid #41474c;align-items:center;gap:12px;padding:0 10px 34px;display:flex}.brand-mark{color:#252b30;background:#fff;place-items:center;width:40px;height:40px;font-size:23px;font-weight:800;display:grid}.brand h2{margin:0;font-size:17px}.brand p,.sidebar-bottom p{color:#a7adb4;margin:4px 0 0;font-size:11px}.menu-label{color:#a7adb4;letter-spacing:1.5px;margin:30px 10px 13px;font-size:10px;font-weight:700}.sidebar-menu{gap:7px;display:grid}.menu-item{color:#d4d8dc;border-left:3px solid #0000;align-items:center;gap:13px;min-height:46px;padding:0 13px;font-size:13px;transition:background .2s,color .2s;display:flex}.menu-item:hover{color:#fff;background:#363e43}.menu-item.active{color:#fff;background:#39443d;border-left-color:#14532d}.menu-icon{text-align:center;width:20px;font-size:17px}.sidebar-bottom{border-top:1px solid #41474c;align-items:center;gap:11px;margin-top:auto;padding:20px 8px 0;display:flex}.admin-avatar{color:#252b30;background:#a7adb4;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.sidebar-bottom strong{font-size:12px}.admin-main{flex:1;min-width:0;padding:0 36px}.topbar{border-bottom:1px solid #dfe2e4;justify-content:space-between;align-items:center;gap:20px;min-height:105px;display:flex}.breadcrumb{color:#7b838a;margin:0 0 9px;font-size:11px}.topbar h1{margin:0;font-size:25px;font-weight:700}.topbar-right{color:#555e64;align-items:center;gap:9px;font-size:12px;display:flex}.status-dot{background:#14532d;border-radius:50%;width:8px;height:8px}.welcome{background:#fff;border:1px solid #e1e4e6;justify-content:space-between;align-items:center;gap:20px;min-height:180px;margin:28px 0;padding:30px 34px;display:flex;overflow:hidden}.eyebrow{color:#626b72;letter-spacing:2px;font-size:10px;font-weight:700}.welcome h2{letter-spacing:-1px;margin:14px 0 10px;font-size:clamp(22px,2.5vw,32px)}.welcome p:last-child{color:#687178;font-size:13px;line-height:1.7}.welcome-logo-wrap{flex-shrink:0;justify-content:flex-end;align-items:center;max-width:260px;height:120px;display:flex}.welcome-logo-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.stat-card{background:#fff;border:1px solid #e1e4e6;min-width:0;padding:22px}.stat-icon{color:#14532d;font-size:23px}.stat-card p{color:#687178;margin:17px 0 10px;font-size:12px}.stat-card h3{margin:0 0 9px;font-size:28px}.stat-card .online{color:#14532d;font-size:24px}.stat-note{color:#8b9298;font-size:10px}.content-panel{background:#fff;border:1px solid #e1e4e6;margin-top:25px;padding:25px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;display:flex}.panel-heading h2{margin:0;font-size:17px}.panel-heading p{color:#7b838a;margin:8px 0 0;font-size:12px}.panel-badge{color:#14532d;letter-spacing:.8px;background:#edf2ee;padding:8px 10px;font-size:9px;font-weight:700}.content-table{width:100%}.table-row{border-bottom:1px solid #eceeef;grid-template-columns:1fr 1.8fr 90px;align-items:center;gap:15px;min-height:55px;font-size:12px;display:grid}.table-row>span:nth-child(2){color:#687178}.table-row strong{font-weight:600}.table-header{color:#7b838a;letter-spacing:1px;background:#f7f8f8;min-height:38px;font-size:9px;font-weight:700}.draft-status{color:#626b72;background:#f1f2f3;width:fit-content;padding:6px 9px;font-size:10px}.admin-footer{color:#8b9298;justify-content:space-between;gap:15px;padding:25px 0;font-size:10px;display:flex}@media (width<=1100px){.admin-main{padding:0 22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.sidebar{width:65px;min-width:65px;padding:20px 8px}.brand{justify-content:center;padding:0 0 25px}.brand>div,.menu-label,.menu-item:not(.active),.menu-item.active{font-size:0}.menu-item{justify-content:center;padding:0}.menu-icon{font-size:17px}.sidebar-bottom{justify-content:center;padding:15px 0 0}.sidebar-bottom>div:last-child{display:none}.admin-main{padding:0 14px}.welcome{padding:22px}.welcome-symbol,.welcome-logo-wrap{display:none}.content-panel{padding:15px;overflow-x:auto}.content-table{min-width:440px}.panel-badge{display:none}.admin-footer{flex-wrap:wrap}}:root{--tui-orange:#f47721;--tui-orange-light:#fff1e7}.menu-item.active{border-left-color:var(--tui-orange);color:#fff;background:#3b3d3d}.menu-item.active .menu-icon,.menu-item:hover .menu-icon,.eyebrow{color:var(--tui-orange)}.panel-badge{background:var(--tui-orange-light);color:#b84d0b}.admin-button{border:1px solid var(--tui-orange);background:var(--tui-orange);color:#fff;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:600;transition:background .2s;display:inline-flex}.admin-button:hover{background:#d96112}.admin-button-secondary{color:var(--tui-orange);background:#fff}.admin-button-secondary:hover{background:var(--tui-orange-light)}.about-form{flex-direction:column;gap:10px;margin-top:24px;display:flex}.about-form label{color:#374151;margin-top:8px;font-size:13px;font-weight:600}.about-form textarea{box-sizing:border-box;color:#374151;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.6}.about-form textarea:focus{border-color:#f47721;outline:none;box-shadow:0 0 0 3px #f477211f}.about-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.about-actions .admin-button{border-radius:6px}.why-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.why-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:24px;transition:border-color .2s,transform .2s}.why-card:hover{border-color:#f47721;transform:translateY(-3px)}.why-number{color:#f47721;margin-bottom:20px;font-size:13px;font-weight:700;display:inline-block}.why-card h3{color:#263238;margin:0 0 10px;font-size:16px}.why-card p{color:#6b7280;margin:0;font-size:13px;line-height:1.7}@media (width<=900px){.why-grid{grid-template-columns:1fr}}.about-section-heading{border-top:1px solid #e5e7eb;margin-top:28px;padding-top:22px}.about-section-heading h3{color:#263238;margin:0 0 6px;font-size:17px}.about-section-heading p{color:#6b7280;margin:0;font-size:13px}.director-form{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;gap:10px;margin:18px 0;padding:20px;display:grid}.director-form input{box-sizing:border-box;width:100%;font:inherit;border:1px solid #d1d5db;border-radius:6px;padding:11px 12px;font-size:13px}.director-form input:focus{border-color:#f47721;outline:none;box-shadow:0 0 0 3px #f477211f}.language-switch{color:#64748b;flex-shrink:0;align-items:center;gap:5px;font-size:12px;display:flex}.language-switch button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:5px 2px}.language-switch .language-active{color:#f47721;font-weight:700}.navbar .nav-menu{flex:0 auto;justify-content:center;align-items:center;gap:25px;margin-left:0;margin-right:auto;padding-left:13%;display:flex;position:relative}.login-page{background:linear-gradient(160deg,#252b30 0%,#333b41 55%,#2c3338 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border-top:4px solid var(--tui-orange);background:#fff;width:100%;max-width:420px;padding:34px 32px;box-shadow:0 18px 45px #00000047}.login-brand{align-items:center;gap:12px;margin-bottom:26px;display:flex}.login-brand h1{margin:0;font-size:19px}.login-brand p{color:#7b838a;margin:3px 0 0;font-size:11px}.login-card h2{margin:0 0 18px;font-size:17px}.login-submit{justify-content:center;width:100%;margin-top:6px}.logout-btn{color:#a7adb4;font:inherit;cursor:pointer;border:0;margin-left:auto;padding:5px 7px;font-size:11px}.logout-btn:hover{color:var(--tui-orange)}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group>label{color:#374151;font-size:12px;font-weight:600}.form-group input[type=text],.form-group input[type=number],.form-group input[type=password],.form-group input:not([type]),.form-group select,.form-group textarea{box-sizing:border-box;color:#1f2937;width:100%;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-size:13px}.form-group textarea{resize:vertical;line-height:1.6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--tui-orange);outline:none;box-shadow:0 0 0 3px #f4772124}.form-group input[type=checkbox]{width:auto;accent-color:var(--tui-orange);margin-right:7px}.req{color:#dc2626}.field-hint{color:#8b9298;margin:0;font-size:11px;line-height:1.5}.form-actions{border-top:1px solid #eceeef;gap:10px;margin-top:22px;padding-top:18px;display:flex}.bilingual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.bilingual-cell{flex-direction:column;gap:5px;min-width:0;display:flex}.lang-tag{color:#9aa1a8;letter-spacing:1px;font-size:9px;font-weight:700}@media (width<=700px){.bilingual-grid{grid-template-columns:1fr}}.modal-overlay{z-index:60;background:#181d218c;place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{border-top:4px solid var(--tui-orange);background:#fff;flex-direction:column;width:100%;max-width:620px;max-height:calc(100vh - 44px);display:flex;box-shadow:0 20px 50px #0000004d}.modal-head{border-bottom:1px solid #eceeef;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.modal-head h3{margin:0;font-size:16px}.modal-close{color:#7b838a;cursor:pointer;background:0 0;border:0;font-size:24px;line-height:1}.modal-close:hover{color:#252b30}.modal-body{padding:20px 22px;overflow-y:auto}.modal-foot{border-top:1px solid #eceeef;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.tabs,.filter-group{border-bottom:1px solid #eceeef;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:14px;display:flex}.tab{color:#555e64;font:inherit;cursor:pointer;background:#fff;border:1px solid #dfe2e4;padding:8px 14px;font-size:12px}.tab:hover{border-color:var(--tui-orange);color:var(--tui-orange)}.tab.active{border-color:var(--tui-orange);background:var(--tui-orange-light);color:#b84d0b;font-weight:600}.row-actions{flex-wrap:wrap;gap:10px;display:flex}.table-empty{padding:26px 0}.link{color:#14532d;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.link:hover{color:var(--tui-orange);text-decoration:underline}.link-danger{color:#b91c1c;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.link-danger:hover{text-decoration:underline}.published-status{background:var(--tui-orange-light);color:#b84d0b;width:fit-content;padding:6px 9px;font-size:10px;font-weight:700}.muted{color:#7b838a;font-size:13px}.error-text{color:#991b1b;background:#fef2f2;border-left:3px solid #dc2626;margin:0;padding:11px 13px;font-size:12px;line-height:1.6}.row-between{justify-content:space-between;align-items:center;gap:14px;display:flex}.sub-editor{border-top:1px solid #eceeef;margin-top:20px;padding-top:18px}.image-field{grid-template-columns:132px minmax(0,1fr);align-items:start;gap:14px;display:grid}.image-preview{background:#fafafa;border:1px dashed #d1d5db;border-radius:6px;place-items:center;height:96px;padding:6px;display:grid;overflow:hidden}.image-preview img{object-fit:contain;max-width:100%;max-height:100%}.image-empty{color:#9aa1a8;text-align:center;font-size:10px}.image-actions{flex-direction:column;gap:9px;min-width:0;display:flex}.image-buttons{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.image-upload-btn{cursor:pointer}@media (width<=700px){.image-field{grid-template-columns:1fr}}.library-grid,.media-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:16px;display:grid}.library-card{background:#fff;border:1px solid #e5e7eb;flex-direction:column;display:flex;overflow:hidden}.library-thumb,.media-thumb{cursor:pointer;background:#fafafa;border:0;width:100%;height:118px;padding:0;display:block;overflow:hidden}.library-thumb img,.media-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.media-thumb:hover img{transform:scale(1.06)}.library-info{flex-direction:column;gap:3px;padding:9px 10px;display:flex}.library-name{color:#263238;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.library-size{color:#8b9298;font-size:10px}.library-actions{gap:12px;padding:0 10px 10px;display:flex}.upload-btn{cursor:pointer;white-space:nowrap}.media-modal{max-width:720px}.inquiry-list{flex-direction:column;gap:13px;display:flex}.inquiry-card{border:1px solid #e5e7eb;border-left:3px solid var(--tui-orange);background:#fff;padding:16px 18px}.inquiry-card.read{background:#fafbfb;border-left-color:#dfe2e4}.inquiry-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.inquiry-head strong{font-size:14px}.inquiry-company{color:#6b7280;font-size:12px}.unread-dot{background:var(--tui-orange);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:7px;display:inline-block}.inquiry-date{color:#8b9298;white-space:nowrap;font-size:11px}.inquiry-meta{color:#6b7280;flex-wrap:wrap;gap:7px;margin:7px 0 0;font-size:11px;display:flex}.inquiry-meta a{color:#14532d}.inquiry-locale{color:#626b72;background:#f1f2f3;padding:2px 6px;font-size:9px;font-weight:700}.inquiry-message{color:#374151;margin:10px 0 0;font-size:13px;line-height:1.7}.inquiry-message-full{color:#374151;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.8}.inquiry-actions{flex-wrap:wrap;gap:14px;margin-top:13px;display:flex}.stat-card.clickable{font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,transform .2s}.stat-card.clickable:hover{border-color:var(--tui-orange);transform:translateY(-3px)}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.stats-grid{grid-template-columns:1fr}.modal{max-height:calc(100vh - 24px)}}
