@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');*{box-sizing:border-box}body{margin:0;background:#f5f8fa;color:#143b5d;font-family:Tajawal,Arial,sans-serif;font-size:16px}.site-header{background:#fff;border-bottom:1px solid #d9e1e6}.header-inner{height:106px;max-width:1700px;margin:auto;padding:14px 36px;display:flex;align-items:center;gap:15px}.brand-logo{width:132px;max-height:76px;object-fit:contain}.brand-copy{display:grid;gap:7px;border-right:1px solid #d5dde2;padding-right:17px}.brand-copy strong{font-size:21px}.brand-copy span,small{font-size:14px;color:#66819a}.container{max-width:1775px;margin:auto;padding:52px 36px 70px}.hero{min-height:313px;background:linear-gradient(112deg,#173a59,#234f76);border-radius:24px;color:#fff;display:flex;align-items:center;padding:62px 8.5%;position:relative;overflow:hidden;margin-bottom:31px}.hero:after{content:"";width:330px;height:330px;border:1px solid #c99b4a73;border-radius:50%;position:absolute;left:-105px;top:-115px}.hero-spark{position:absolute;left:80px;top:116px;font-size:94px;line-height:1;color:#e4af4f;z-index:1}.hero div:last-child{max-width:900px;z-index:2}.hero p{color:#e4af4f;font-weight:800;font-size:19px;margin:0 0 14px}.hero h1{font-size:40px;margin:0 0 18px;font-weight:800}.hero span{font-size:18px;line-height:1.9}.card{background:#fff;border:1px solid #dce5ea;border-radius:22px;padding:38px 40px;margin-bottom:24px;box-shadow:0 15px 38px #153b5810}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 30px}.form-grid h2{grid-column:1/-1;margin:3px 0 8px;padding-bottom:14px;border-bottom:2px solid #e5ad4d;font-size:22px;color:#173e60}label{font-weight:800;display:grid;gap:10px;color:#1c4262}input,select{font:500 16px Tajawal,Arial;border:1px solid #cfdae2;border-radius:11px;padding:15px 16px;background:#fff;color:#143b5d;min-height:57px;text-align:right}input::placeholder{color:#798b9b}input:focus,select:focus{outline:3px solid #e8f2f7;border-color:#2d6b92}fieldset{grid-column:1/-1;border:1px solid #dfe8ed;border-radius:14px;padding:22px}legend{padding:0 9px;font-weight:800;color:#173e60}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.button,button{border:0;border-radius:10px;background:#173f61;color:#fff;padding:14px 24px;font:700 16px Tajawal,Arial;cursor:pointer;text-decoration:none;display:inline-block}.ghost{background:#fff;color:#173f61;border:1px solid #cbd9e3}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.admin-heading h1{font-size:30px;margin:5px 0}.filters{display:flex;gap:12px;align-items:center}.filters input{flex:1}.table-wrap{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;text-align:right}th,td{padding:18px 14px;border-bottom:1px solid #e7edf1;vertical-align:middle}th{background:#f7fafc;font-size:13px}.status{min-width:150px;padding:8px;border-radius:9px}.status-pending{background:#fff8df}.status-reviewing{background:#e8f4ff}.status-needs_changes{background:#fff0ed}.status-resubmitted{background:#eee9ff}.status-approved{background:#e7f7ed}.actions{white-space:nowrap}.icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:2px;border:1px solid #d2dde5;border-radius:9px;background:#fff;color:#17466d;font-weight:bold;text-decoration:none;cursor:pointer}.delete{color:#b53f35}.login{max-width:450px;margin:auto;display:grid;gap:16px}.success{text-align:center;max-width:620px;margin:auto}.error{color:#b42318}.notice{padding:12px;background:#e8f7ed;color:#176339;border-radius:9px}@media(max-width:720px){.header-inner{height:82px;padding:9px 16px}.brand-logo{width:90px}.brand-copy strong{font-size:15px}.container{padding:25px 16px}.hero{padding:36px 28px;min-height:260px}.hero h1{font-size:27px}.hero span{font-size:15px}.hero-spark{display:none}.form-grid,.three{grid-template-columns:1fr}.card{padding:25px 20px}.filters{flex-wrap:wrap}.filters input{width:100%;flex:auto}}
/* أحجام أكثر هدوءًا للواجهة */
body{font-size:14px}.brand-copy strong{font-size:19px}.brand-copy span,small{font-size:13px}.hero{min-height:285px;padding-block:55px}.hero-spark{font-size:80px;top:105px}.hero p{font-size:17px}.hero h1{font-size:35px}.hero span{font-size:16px}.card{padding:34px 38px}.form-grid{gap:21px 28px}.form-grid h2{font-size:20px}label{gap:8px}input,select{font-size:14px;min-height:52px;padding:13px 15px}.button,button{font-size:14px;padding:12px 21px}.admin-heading h1{font-size:27px}
 .admin-nav{display:flex;gap:10px;margin:0 0 20px}.admin-nav a{padding:10px 16px;border:1px solid #d8e1e7;border-radius:9px;color:#244b6b;text-decoration:none;font-weight:700;background:#fff}.admin-nav a.active{background:#173f61;border-color:#173f61;color:#fff}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 26px}.settings-grid h2{grid-column:1/-1;margin:0;padding-bottom:12px;border-bottom:1px solid #e5ad4d}.full{grid-column:1/-1}.hint{color:#66819a;margin:0}.inbox-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.inbox-head h2{margin:0 0 8px}@media(max-width:720px){.settings-grid{grid-template-columns:1fr}.admin-nav{overflow:auto;white-space:nowrap}.inbox-head{align-items:flex-start;flex-direction:column}}
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap');
:root,body,button,input,select,textarea,.app-wrapper{font-family:Cairo,Arial,sans-serif!important}.app-header,.app-sidebar,.app-footer{font-family:Cairo,Arial,sans-serif!important}.app-sidebar .brand-link{min-height:74px}.app-sidebar .brand-image{max-height:52px;max-width:52px;object-fit:contain}.app-sidebar .brand-text{font-size:13px;line-height:1.6}.app-header .nav-link{display:none!important}
/* لوحة التحكم: مقاسات مضغوطة ومريحة */
.app-wrapper{font-size:13px!important}.app-header{min-height:48px!important}.app-header .navbar-nav>.nav-item:not(:first-child),.app-header .adminlte-search-trigger{display:none!important}.app-sidebar .nav-link{font-size:13px!important;padding:.58rem .8rem!important}.app-sidebar .nav-header{font-size:12px!important}.app-main .app-content-header{padding-block:14px!important}.app-main .app-content{padding-top:0!important}.app-main h1.h3{font-size:23px!important}.app-main .card{padding:22px 24px!important;margin-bottom:16px!important;border-radius:14px!important}.app-main .settings-grid{gap:14px 20px!important}.app-main .settings-grid h2{font-size:22px!important;padding-bottom:9px!important;margin-bottom:0!important}.app-main label{font-size:13px!important;gap:5px!important}.app-main input,.app-main select,.app-main textarea{font-size:13px!important;min-height:43px!important;padding:9px 12px!important}.app-main button,.app-main .button{font-size:13px!important;padding:9px 16px!important}.app-main .admin-nav{margin-bottom:14px!important}.app-main .admin-nav a{font-size:13px!important;padding:8px 13px!important}.app-main th,.app-main td{font-size:13px!important;padding:12px 10px!important}.app-main .hint{font-size:12px!important}
/* ترتيب أدوات الفلترة وإخفاء أي خط أيقونات غير محمّل */
.app-sidebar .nav-icon{display:none!important}.app-sidebar .nav-link{padding-inline:1rem!important}form.filters{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important}.app-main form.filters input{flex:1 1 auto!important;width:auto!important}.app-main form.filters select{width:190px!important;flex:0 0 190px!important}.app-main form.filters button{white-space:nowrap!important;flex:0 0 auto!important}.app-main form.filters a{white-space:nowrap!important;padding:8px!important}@media(max-width:700px){form.filters{flex-wrap:wrap!important}.app-main form.filters input{flex-basis:100%!important}.app-main form.filters select{width:auto!important;flex:1 1 160px!important}}
.app-main .mailbox-table th{font-size:12px!important;color:#607385}.app-main .mailbox-table td{padding-block:13px!important}.app-main .mailbox-table .mail-select{width:42px}.app-main .mailbox-table input[type=checkbox]{min-height:auto!important;width:15px;height:15px;padding:0!important}.app-main .mail-subject{font-weight:600}
.login-page{min-height:100vh;background:#eef3f6}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;direction:ltr}.login-brand-panel{position:relative;overflow:hidden;background:linear-gradient(135deg,#102f4b,#1e5075);color:#fff;display:flex;align-items:center;justify-content:center;padding:64px;direction:rtl}.login-brand-panel:before{content:"";position:absolute;width:570px;height:570px;right:-250px;bottom:-290px;border:1px solid #e1ae517a;border-radius:50%}.login-orbit{position:absolute;border:1px solid #e1ae5159;border-radius:50%}.orbit-one{width:300px;height:300px;top:-125px;left:-100px}.orbit-two{width:78px;height:78px;bottom:15%;left:17%;background:#dca747;transform:rotate(45deg);border:0;border-radius:18px}.login-brand-content{position:relative;z-index:1;max-width:470px}.login-logo{width:160px;max-height:105px;object-fit:contain;filter:brightness(0) invert(1);margin-bottom:42px}.login-kicker,.login-title>span{color:#dca747;font-weight:700;font-size:13px}.login-brand-content h1{font-size:38px;margin:14px 0 17px;font-weight:800}.login-brand-content p{font-size:16px;line-height:2;color:#dfebf3;margin:0}.login-form-panel{display:flex;align-items:center;justify-content:center;background:#fff;direction:rtl;padding:45px}.login-form-wrap{width:min(100%,410px)}.back-to-site{display:inline-block;text-decoration:none;color:#59728a;font-size:13px;margin-bottom:55px}.login-title h2{color:#173d5d;font-size:30px;margin:10px 0}.login-title p{margin:0 0 30px;color:#72869a;font-size:14px}.login-card{display:grid;gap:9px}.login-card label{font-size:13px;font-weight:700;color:#244966;margin-top:7px}.login-card input{min-height:49px;font-size:14px;border-radius:9px}.login-card button{margin-top:16px;width:100%;min-height:50px;background:#173f61;border-radius:9px;font-family:Cairo,Arial,sans-serif}.login-error{background:#fff0ee;color:#b42318;border-radius:8px;padding:10px;font-size:13px;margin:5px 0}.login-footer{text-align:center;color:#91a0ad;font-size:12px;margin-top:42px}@media(max-width:850px){.login-shell{grid-template-columns:1fr}.login-brand-panel{min-height:250px;padding:35px}.login-brand-content{text-align:center}.login-logo{width:105px;max-height:62px;margin-bottom:15px}.login-brand-content h1{font-size:26px;margin:8px 0}.login-brand-content p{font-size:13px}.orbit-two{display:none}.login-form-panel{padding:35px 24px}.back-to-site{margin-bottom:35px}}
.app-main .mail-actions-card h2{font-size:19px!important;margin:0 0 15px}.app-main .mail-actions-card h3{font-size:15px;margin:0 0 6px}.authority-actions{display:grid;gap:8px}.authority-send{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #edf1f4;font-size:13px}.authority-send button{margin:0}.changes-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.changes-form textarea{width:100%;border:1px solid #cfdae2;border-radius:9px;padding:10px;font:inherit;resize:vertical}@media(max-width:700px){.changes-form{grid-template-columns:1fr}.authority-send{align-items:flex-start;flex-direction:column}}
.mail-actions-card{display:none!important}.app-main .mail-row-button{border:1px solid #cfdce6!important;background:#fff!important;color:#17466d!important;font:600 11px Cairo,Arial,sans-serif!important;padding:6px 8px!important;margin:2px!important;border-radius:7px!important;min-height:auto!important}.app-main .mail-row-button.authority{background:#17466d!important;color:#fff!important}.mail-modal{display:none;position:fixed;inset:0;background:#102b40a8;z-index:2000;align-items:center;justify-content:center;padding:18px}.mail-modal.show{display:flex}.mail-modal-card{width:min(100%,520px);background:#fff;border-radius:14px;padding:26px;position:relative;box-shadow:0 20px 50px #0004;direction:rtl}.mail-modal-card h3{font-size:20px;color:#173f61;margin:0 0 8px}.mail-modal-card form{display:grid;gap:12px;margin-top:18px}.mail-modal-card label{font-size:13px;font-weight:700;display:grid;gap:6px}.mail-modal-card input,.mail-modal-card textarea{font:14px Cairo,Arial,sans-serif;border:1px solid #cfdae2;border-radius:8px;padding:10px;width:100%;resize:vertical}.mail-modal-card button[type=submit]{justify-self:start;background:#173f61;color:#fff;border:0;border-radius:8px;padding:10px 17px;font:700 13px Cairo,Arial,sans-serif}.mail-modal-close{position:absolute;left:14px;top:10px;border:0;background:transparent;color:#59728a;font-size:25px;cursor:pointer}
.mail-modal #mailModalText{display:none!important}.mail-modal-card{width:min(100%,570px)!important;padding:30px 32px!important;border-radius:16px!important;border-top:3px solid #dca747}.mail-modal-card h3{font-size:22px!important;font-weight:700!important;margin:0 0 20px!important}.mail-modal-card form{gap:15px!important;margin-top:0!important}.mail-modal-card label{font-size:14px!important;color:#1c4262!important}.mail-modal-card input,.mail-modal-card textarea{background:#fbfdfe!important;border-color:#ccdbe5!important;border-radius:10px!important;font-size:14px!important;padding:12px 14px!important}.mail-modal-card textarea{min-height:145px!important;line-height:1.8!important}.mail-modal-card button[type=submit]{width:100%!important;justify-self:stretch!important;text-align:center!important;margin-top:4px!important;padding:12px 17px!important;font-size:14px!important}.mail-modal-close{width:34px;height:34px;border-radius:8px!important;background:#f3f7f9!important;display:flex;align-items:center;justify-content:center;font-size:22px!important}
.admin-clean-body{background:#f4f7f9!important;min-height:100vh}.admin-clean-header{height:76px;background:#fff;border-bottom:1px solid #e0e8ed;display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:100}.admin-clean-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#173f61;font-weight:700;font-size:15px}.admin-clean-brand img{width:72px;max-height:54px;object-fit:contain}.admin-clean-nav{display:flex;align-items:center;gap:8px}.admin-clean-nav form{margin:0}.header-icon-link{width:39px;height:39px;border:1px solid #dbe4ea;border-radius:9px;background:#fff;color:#173f61;display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.header-icon-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.header-icon-link b{position:absolute;top:-7px;left:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:20px;background:#d59c37;color:#fff;font:700 10px Cairo,Arial;display:flex;align-items:center;justify-content:center}.header-icon-link.logout{border-color:#f0d5d2;color:#b64438}.admin-clean-main{max-width:1520px;margin:auto;padding:30px 34px 60px}.admin-page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.admin-page-heading small{font-size:12px;color:#b47d24;font-weight:700}.admin-page-heading h1{font-size:26px;margin:3px 0 0;color:#173f61}.open-registration{border:1px solid #ccdbe5;border-radius:9px;color:#173f61;background:#fff;text-decoration:none;font-size:13px;font-weight:700;padding:10px 15px}.admin-clean-main .card{padding:22px 24px;margin-bottom:16px;border-radius:14px}.admin-clean-main .filters{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.admin-clean-main .filters input{flex:1;min-height:43px;font-size:13px}.admin-clean-main .filters select{width:190px;min-height:43px;font-size:13px}.admin-clean-main .filters button{font-size:13px;padding:9px 16px}.admin-clean-main .table-wrap{padding:0}.admin-clean-main th,.admin-clean-main td{font-size:13px;padding:13px 10px}.admin-clean-main .admin-nav{display:none}.admin-clean-main .settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 22px}.admin-clean-main .settings-grid h2{grid-column:1/-1;font-size:19px}.admin-clean-main .settings-grid input,.admin-clean-main .settings-grid select{font-size:13px;min-height:43px}.admin-clean-main .mailbox-table th,.admin-clean-main .mailbox-table td{font-size:13px}@media(max-width:700px){.admin-clean-header{padding:0 16px;height:65px}.admin-clean-brand span{display:none}.admin-clean-main{padding:22px 16px}.admin-page-heading h1{font-size:22px}.admin-clean-main .filters{flex-wrap:wrap}.admin-clean-main .filters input{flex-basis:100%}.admin-clean-main .filters select{width:auto;flex:1}.admin-clean-main .settings-grid{grid-template-columns:1fr}.open-registration{font-size:12px;padding:8px 10px}}
.header-icon-link.logout{appearance:none!important;padding:0!important;background:#fff!important}.header-icon-link.logout svg{display:block!important;visibility:visible!important;opacity:1!important;width:19px!important;height:19px!important;stroke:#b64438!important;fill:none!important}.mail-modal-card button[type=submit]{width:auto!important;justify-self:start!important;padding:9px 15px!important;font-size:13px!important}
html,body.admin-clean-body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.admin-clean-header,.admin-clean-main{width:100%!important;max-width:100%!important;min-width:0!important}.admin-clean-main{overflow-x:hidden!important}.admin-clean-main .card{min-width:0!important;max-width:100%!important}.admin-clean-main .table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain}.admin-clean-main .table-wrap table{min-width:1080px!important;width:100%!important}.admin-clean-main .table-wrap::-webkit-scrollbar{height:8px}.admin-clean-main .table-wrap::-webkit-scrollbar-thumb{background:#c9d7e1;border-radius:10px}
.admin-clean-main .mail-row-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:31px!important;margin:2px!important;padding:5px 8px!important;border-radius:7px!important;font:600 11px Cairo,Arial,sans-serif!important;white-space:nowrap!important;background:#fff7e9!important;border:1px solid #efd8ab!important;color:#9a6515!important}.admin-clean-main .mail-row-button.authority{background:#edf6fb!important;border-color:#c9e0ed!important;color:#21658a!important}
html{overflow-x:hidden!important}body.admin-clean-body{display:block!important;position:relative!important;margin:0!important;width:100vw!important;min-width:0!important;max-width:100vw!important;direction:rtl!important}.admin-clean-body>.admin-clean-header{box-sizing:border-box!important;width:100vw!important;min-width:0!important;max-width:100vw!important;left:auto!important;right:auto!important;margin:0!important;transform:none!important}.admin-clean-body>.admin-clean-main{box-sizing:border-box!important;width:100vw!important;min-width:0!important;max-width:100vw!important;margin:0!important;padding-inline:max(16px,calc((100vw - 1520px)/2))!important;transform:none!important}.admin-clean-main>*{min-width:0!important;max-width:100%!important}
.status-summary{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.status-count{min-width:112px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;background:#fff;border:1px solid #dfe7ec;border-radius:9px;text-decoration:none;color:#547085;font-size:12px}.status-count strong{font-size:16px;color:#173f61}.status-count.active{border-color:#173f61;box-shadow:0 2px 8px #173f6120}.status-count-pending strong{color:#a97817}.status-count-reviewing strong{color:#28719b}.status-count-needs_changes strong{color:#b26343}.status-count-resubmitted strong{color:#7052ac}.status-count-approved strong{color:#398259}.status-count.total{background:#f7fafc}.admin-clean-main form[action$="logout"]{display:none!important}@media(max-width:600px){.status-summary{display:grid;grid-template-columns:repeat(2,1fr)}.status-count{min-width:0}}
.map-location-picker{grid-column:1/-1;display:grid;gap:8px}.map-search{display:flex;gap:8px;align-items:center}.map-search input{flex:1}.map-search button{padding:8px 12px!important;min-height:38px!important;font-size:12px!important;white-space:nowrap}.map-location-picker small,.map-message{color:#627c91;font-size:12px;margin:0}.map-message{min-height:18px}.map-location-picker #trainingMap{height:330px;width:100%;border:1px solid #d6e1e8;border-radius:10px;overflow:hidden;z-index:0}@media(max-width:600px){.map-search{flex-wrap:wrap}.map-search input{flex-basis:100%}.map-location-picker #trainingMap{height:270px}}
.form-grid input[name="location_coordinates"]{direction:rtl!important;text-align:right!important}.map-location-picker{gap:6px!important}.map-tools{display:flex;align-items:center;justify-content:space-between;gap:10px}.map-tools button{padding:6px 10px!important;min-height:32px!important;font-size:11px!important;white-space:nowrap}.map-location-picker #trainingMap{height:280px!important;direction:ltr!important}.map-location-picker #trainingMap .leaflet-control{direction:ltr!important}@media(max-width:600px){.map-location-picker #trainingMap{height:220px!important}.map-tools{align-items:flex-start;flex-direction:column}}
.map-location-picker .leaflet-container img{max-width:none!important}.map-location-picker .leaflet-container{font-family:Arial,sans-serif!important}
.map-location-picker .leaflet-container .leaflet-tile{width:256px!important;height:256px!important;max-width:none!important;max-height:none!important;object-fit:fill!important}.map-location-picker .leaflet-container .leaflet-marker-icon{width:auto!important;height:auto!important;max-width:none!important;max-height:none!important}
.map-location-picker #trainingMap{position:relative!important;overflow:hidden!important;background:#d8e7ef!important}.map-location-picker #trainingMap .leaflet-pane,.map-location-picker #trainingMap .leaflet-tile-pane,.map-location-picker #trainingMap .leaflet-overlay-pane,.map-location-picker #trainingMap .leaflet-marker-pane,.map-location-picker #trainingMap .leaflet-shadow-pane,.map-location-picker #trainingMap .leaflet-control-container{position:absolute!important;inset:0!important}.map-location-picker #trainingMap .leaflet-tile{position:absolute!important;display:block!important}.map-location-picker #trainingMap .leaflet-marker-icon,.map-location-picker #trainingMap .leaflet-marker-shadow{position:absolute!important;display:block!important}

.form-grid fieldset.training-card{grid-column:auto;background:#f9fbfc;padding:10px 20px 22px;margin:0;min-width:0}.training-card legend{font-size:17px}.training-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 18px}.training-fields label{min-width:0}.training-fields small{font-size:12px}@media(max-width:850px){.form-grid fieldset.training-card{grid-column:1/-1}}@media(max-width:600px){.training-fields{grid-template-columns:1fr}}
.attachments{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.upload-card{display:flex;flex-direction:column;gap:14px;background:#f9fbfc;border:1px solid #dfe8ed;border-radius:14px;padding:20px;min-width:0}.upload-card.invalid{border-color:#e0a4a4;background:#fdf7f7}.upload-head{display:flex;gap:12px;align-items:flex-start}.upload-head strong{display:block;color:#173e60;font-size:16px;margin-bottom:3px}.upload-head small{color:#66819a;font-size:12px}.upload-step{flex:none;width:30px;height:30px;border-radius:50%;background:#173e60;color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}.upload-template{align-self:flex-start;color:#b47d24;font-weight:700;font-size:13px;text-decoration:none;border:1px solid #efd3a0;background:#fff8ea;border-radius:9px;padding:6px 12px}.upload-template:hover{background:#fbeccc}.upload-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:140px;margin-top:auto;padding:18px 12px;border:2px dashed #c3d3de;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.upload-drop:hover,.upload-drop.dragging{border-color:#2d6b92;background:#f1f7fb}.upload-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;min-height:0;opacity:0;cursor:pointer;padding:0}.upload-icon{font-size:28px;line-height:1;color:#2d6b92}.upload-name{font-weight:700;color:#173e60;font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-types{font-size:12px;color:#7b90a2}.upload-drop.has-file{border-style:solid;border-color:#3f9a6b;background:#f2faf5}.upload-drop.has-file .upload-icon{color:#3f9a6b}.upload-drop.has-file .upload-icon::before{content:'✓'}.upload-drop.has-file .upload-icon{font-size:0}.upload-drop.has-file .upload-icon::before{font-size:26px}.upload-existing{color:#3f9a6b;font-size:12px}.upload-error{color:#c0392b;font-size:12px;font-weight:600}@media(max-width:850px){.attachments{grid-template-columns:1fr}}
.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;background:#f9fbfc;border:1px solid #dfe8ed;border-radius:14px;padding:24px}
.form-grid .field{display:flex;flex-direction:column;gap:8px;min-width:0}
.field-label{font-weight:800;color:#1c4262;font-size:14px}.field-label b{color:#c0392b;font-weight:800}
.field-input{position:relative;display:block}
.ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.field-input .ico,.map-search-box .ico{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#8aa0b2;pointer-events:none;transition:color .15s}
.field-input:focus-within .ico,.map-search-box:focus-within .ico{color:#2d6b92}
.form-grid .field-input input,.form-grid .map-search-box input{width:100%;padding-right:44px!important;box-sizing:border-box}
.form-grid .field-input input[dir=ltr]{text-align:right}
.form-grid .field-input input:user-invalid,.field.invalid input{border-color:#e0a4a4;background:#fffafa}
.field-hint{color:#7b90a2;font-size:12px;font-weight:500}
.field-error{color:#c0392b;font-size:12px;font-weight:600}
.map-card.map-location-picker{display:grid;gap:16px!important;background:#f9fbfc;border:1px solid #dfe8ed;border-radius:14px;padding:20px}
.map-search-bar{display:flex;gap:10px;align-items:stretch}
.map-search-box{position:relative;flex:1;min-width:0}
.map-search-box input::-webkit-search-cancel-button{cursor:pointer}
.map-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1001;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #d6e1e8;border-radius:12px;box-shadow:0 14px 34px rgba(23,62,96,.16);max-height:310px;overflow:auto}
.map-results li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;cursor:pointer}
.map-results li strong{color:#173e60;font-size:14px}
.map-results li span{color:#7b90a2;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.map-results li:hover,.map-results li.active{background:#eef5fa}
.map-results li.muted{cursor:default;color:#7b90a2;font-size:13px;background:none}
.form-grid .map-btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:#fff!important;color:#173e60!important;border:1px solid #cfdae2!important;box-shadow:none!important}
.form-grid .map-btn:hover{border-color:#2d6b92!important;background:#f1f7fb!important}
.map-wrap{position:relative;border:1px solid #d6e1e8;border-radius:12px;overflow:hidden}
.map-card.map-location-picker #trainingMap{height:420px!important;border:0!important;border-radius:0!important}
.map-layer-toggle{position:absolute;top:12px;right:12px;z-index:500;display:flex;gap:2px;padding:4px;background:#fff;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.form-grid .map-layer-toggle button{background:transparent!important;color:#173e60!important;border:0!important;box-shadow:none!important;padding:6px 12px!important;min-height:0!important;font-size:12px!important;border-radius:7px!important}
.form-grid .map-layer-toggle button.active{background:#173e60!important;color:#fff!important}
.map-card .map-pin{background:none;border:0;filter:drop-shadow(0 3px 4px rgba(0,0,0,.3))}
.map-footer{display:grid;grid-template-columns:minmax(0,360px) 1fr;gap:18px;align-items:start}
.map-card .map-message{margin:30px 0 0;font-size:13px;color:#627c91;line-height:1.7}
.map-card .map-message.ok{color:#2f8a5b;font-weight:600}
@media(max-width:850px){.member-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.member-grid{grid-template-columns:1fr;padding:16px}.map-card.map-location-picker{padding:14px}.map-search-bar{flex-direction:column}.form-grid .map-btn{justify-content:center}.map-card.map-location-picker #trainingMap{height:300px!important}.map-footer{grid-template-columns:1fr;gap:6px}.map-card .map-message{margin:0}}
.form-grid .coords-field input[name="location_coordinates"]{direction:ltr!important;text-align:right!important}
main .hero{min-height:0;padding:22px 30px;margin-bottom:22px;border-radius:16px;border-inline-start:4px solid #e4af4f}main .hero:after{display:none}main .hero p{display:inline-block;font-size:12px;margin:0 0 6px;padding:2px 10px;border-radius:20px;background:#e4af4f26}main .hero h1{font-size:24px;margin:0 0 6px}main .hero span{font-size:14px;line-height:1.7;color:#d5e1ec}@media(max-width:600px){main .hero{padding:16px 18px}main .hero h1{font-size:19px}main .hero span{font-size:13px}}
.inbox{background:#fff;border:1px solid #dfe8ed;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px rgba(23,62,96,.05)}
.inbox svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.inbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 22px;border-bottom:1px solid #e8eef2}
.inbox-title strong{display:block;color:#173e60;font-size:17px;font-weight:800}
.inbox-title small{color:#7b90a2;font-size:12px}
.inbox-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.inbox-actions form{margin:0}
.inbox-search{position:relative;margin:0;display:block}
.inbox-search svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#8aa0b2;pointer-events:none}
.inbox .inbox-search input{width:260px;min-height:40px!important;padding:8px 38px 8px 12px!important;font-size:13px!important;border:1px solid #d6e1e8;border-radius:10px;background:#f7fafc}
.inbox .inbox-search input:focus{background:#fff;border-color:#2d6b92;outline:3px solid #e8f2f7}
.inbox .inbox-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 16px!important;font-size:13px!important;font-weight:700;border-radius:10px!important;border:1px solid #cfdae2!important;background:#fff!important;color:#173e60!important;text-decoration:none;cursor:pointer;box-shadow:none!important}
.inbox .inbox-btn:hover{border-color:#2d6b92!important;background:#f1f7fb!important}
.inbox .inbox-btn.primary{background:#173e60!important;border-color:#173e60!important;color:#fff!important}
.inbox .inbox-btn.primary:hover{background:#21527d!important}
.inbox .inbox-btn:disabled{opacity:.5;cursor:not-allowed}
.inbox-alert{margin:14px 22px 0;padding:10px 14px;border-radius:10px;background:#fdf1f0;border:1px solid #f3cbc6;color:#b42318;font-size:13px}
.inbox-tabs{display:flex;gap:4px;padding:10px 22px 0;border-bottom:1px solid #e8eef2}
.inbox .inbox-tabs button{background:none!important;border:0!important;box-shadow:none!important;border-bottom:2px solid transparent!important;border-radius:0!important;padding:8px 12px 10px!important;min-height:0!important;color:#627c91!important;font-size:13px!important;font-weight:700;cursor:pointer}
.inbox .inbox-tabs button.active{color:#173e60!important;border-bottom-color:#e4af4f!important}
.inbox-tabs span{display:inline-block;min-width:20px;margin-inline-start:4px;padding:0 6px;border-radius:10px;background:#eef3f6;font-size:11px;line-height:18px;text-align:center}
.inbox-tabs button.active span{background:#fbeccc;color:#8a5d12}
.inbox-body{display:grid;grid-template-columns:380px 1fr;height:calc(100vh - 300px);min-height:520px}
.inbox-list{list-style:none;margin:0;padding:0;overflow-y:auto;border-left:1px solid #e8eef2}
.inbox .inbox-item{display:flex;gap:12px;width:100%;text-align:right;padding:14px 18px!important;min-height:0!important;background:#fff!important;border:0!important;border-bottom:1px solid #f0f4f7!important;border-radius:0!important;box-shadow:none!important;color:inherit!important;font:inherit;cursor:pointer;position:relative}
.inbox .inbox-item:hover{background:#f7fafc!important}
.inbox .inbox-item.active{background:#eef5fa!important}
.inbox .inbox-item.active::before{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:#2d6b92}
.inbox-avatar{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:16px}
.inbox-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.inbox-item-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.inbox-item-top strong{font-size:14px;font-weight:600;color:#173e60;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox-item-top time{flex:none;font-size:11px;color:#8aa0b2}
.inbox-item-subject{font-size:13px;color:#33536f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox-item-snippet{font-size:12px;color:#8aa0b2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inbox-item.unread .inbox-item-top strong,.inbox-item.unread .inbox-item-subject{font-weight:800;color:#0f2f4c}
.inbox-item.unread .inbox-item-top time{color:#b47d24;font-weight:700}
.inbox-item.unread .inbox-item-top strong::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#e4af4f;margin-inline-end:6px;vertical-align:middle}
.inbox-no-results{padding:40px 20px;text-align:center;color:#8aa0b2;font-size:13px}
.inbox-reader{overflow-y:auto;background:#fbfcfd}
.inbox-reader-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9fb1c0}
.inbox-reader-empty[hidden]{display:none}
.inbox .inbox-reader-empty svg{width:56px;height:56px;stroke-width:1.2}
.inbox-reader-empty p{margin:0;font-size:14px}
.inbox-message{padding:28px 32px;max-width:860px}
.inbox-message h2{margin:0 0 18px;font-size:21px;font-weight:800;color:#173e60;line-height:1.5}
.inbox-meta{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #e8eef2}
.inbox-meta div{flex:1;min-width:0;display:flex;flex-direction:column}
.inbox-meta strong{color:#173e60;font-size:15px}
.inbox-meta a{color:#2d6b92;font-size:12px;text-decoration:none;align-self:flex-start}
.inbox-meta time{flex:none;font-size:12px;color:#7b90a2}
.inbox-ref{display:inline-block;margin-top:14px;padding:4px 12px;border-radius:20px;background:#fff8ea;border:1px solid #efd3a0;color:#8a5d12;font-size:12px}
.inbox-text{margin-top:20px;white-space:pre-wrap;word-break:break-word;line-height:1.9;font-size:14px;color:#23405a}
.inbox-reply{margin-top:26px;padding-top:18px;border-top:1px solid #e8eef2}
.inbox .inbox-back{display:none}
.inbox-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:70px 20px;color:#7b90a2}
.inbox .inbox-empty svg{width:64px;height:64px;stroke-width:1.2;color:#b8c7d3;margin-bottom:14px}
.inbox-empty h3{margin:0 0 6px;font-size:17px;font-weight:800;color:#173e60}
.inbox-empty p{margin:0;font-size:13px;max-width:420px}
@media(max-width:900px){.inbox-body{grid-template-columns:1fr;height:auto;min-height:0}.inbox-list{border-left:0;max-height:none}.inbox-reader{display:none}.inbox-body.reading .inbox-list{display:none}.inbox-body.reading .inbox-reader{display:block}.inbox-message{padding:18px}.inbox .inbox-back{display:inline-block;background:none!important;border:0!important;box-shadow:none!important;color:#2d6b92!important;padding:0 0 14px!important;min-height:0!important;font-size:13px!important;font-weight:700;cursor:pointer}.inbox-actions,.inbox-search{width:100%}.inbox .inbox-search input{width:100%}.inbox-meta{flex-wrap:wrap}}
.view-modal{position:fixed;inset:0;z-index:2000;background:rgba(15,35,55,.55);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}
.view-modal[hidden]{display:none}
.view-card{position:relative;width:100%;max-width:880px;background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.25);overflow:hidden;font-family:Cairo,Arial,sans-serif}
.view-card .view-close{position:absolute;top:14px;left:14px;width:36px;height:36px;border-radius:10px;border:0;background:rgba(255,255,255,.15);color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:0}
.view-card .view-close:hover{background:rgba(255,255,255,.28)}
.view-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 26px;padding-left:64px;background:#173e60;color:#fff}
.view-head small{color:#e4af4f;font-weight:700;font-size:12px}
.view-head h3{margin:2px 0 0;font-size:22px;font-weight:800;text-align:right}
.view-status{padding:5px 12px;border-radius:20px;background:rgba(255,255,255,.14);font-size:13px;font-weight:700;white-space:nowrap}
.view-body{padding:22px 26px;display:grid;gap:18px}
.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.view-section{background:#f9fbfc;border:1px solid #e3eaf0;border-radius:12px;padding:16px 18px}
.view-section h4{margin:0 0 12px;font-size:15px;font-weight:800;color:#173e60}
.view-section dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:14px}
.view-section dt{color:#7b90a2;font-weight:600}
.view-section dd{margin:0;color:#1c3550;font-weight:700;text-align:right;word-break:break-word}
.view-table{width:100%;border-collapse:collapse;font-size:14px}
.view-table th,.view-table td{padding:7px 6px;border-bottom:1px solid #e8eef2;text-align:center}
.view-table thead th{color:#7b90a2;font-size:12px;font-weight:700}
.view-table tbody th{text-align:right;color:#173e60}
.view-table tbody tr:last-child th,.view-table tbody tr:last-child td{border-bottom:0}
.view-coords{margin:0;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-weight:700;color:#1c3550}
.view-coords a{font-size:13px;color:#2d6b92;text-decoration:none;font-weight:700}
.view-files{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.view-file{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #e3eaf0;border-radius:12px;padding:10px}
.view-file-preview{display:grid;place-items:center;height:140px;border-radius:9px;background:#eef3f7;overflow:hidden;text-decoration:none}
.view-file-preview img{width:100%;height:100%;object-fit:cover;max-width:none}
.view-file-preview.missing{color:#9fb1c0;font-size:26px}
.view-file-pdf{display:grid;place-items:center;width:64px;height:78px;border-radius:8px;background:#c0392b;color:#fff;font-weight:800;font-size:15px;box-shadow:0 4px 10px rgba(192,57,43,.3)}
.view-file strong{font-size:13px;color:#173e60}
.view-file small{font-size:12px;color:#9fb1c0}
.view-file-actions{display:flex;gap:8px}
.view-file-actions a{flex:1;text-align:center;padding:6px 0;border-radius:8px;border:1px solid #cfdae2;color:#173e60;text-decoration:none;font-size:12px;font-weight:700}
.view-file-actions a:hover{border-color:#2d6b92;background:#f1f7fb}
.view-note p,.view-error p{margin:0;white-space:pre-wrap;font-size:13px;line-height:1.8}
.view-error{background:#fdf5f4;border-color:#f3cbc6}.view-error h4{color:#b42318}
.view-dates{margin:0;font-size:12px;color:#7b90a2}
.view-foot{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;padding:16px 26px;border-top:1px solid #e8eef2;background:#fbfcfd}
.view-card .view-btn{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:10px;border:1px solid #cfdae2;background:#fff;color:#173e60;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;font-family:inherit}
.view-card .view-btn:hover{border-color:#2d6b92;background:#f1f7fb}
.view-card .view-btn.primary{background:#173e60;border-color:#173e60;color:#fff}
.view-card .view-btn.primary:hover{background:#21527d}
.actions .icon.view{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:760px){.view-grid{grid-template-columns:1fr}.view-files{grid-template-columns:1fr 1fr}.view-body{padding:16px}.view-head{padding:16px 18px;padding-left:60px}}
@media(max-width:480px){.view-files{grid-template-columns:1fr}}
