@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');*{box-sizing:border-box}body{margin:0;background:#f1f4f7;color:#152b3e;font-family:Cairo,Arial;display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{background:#081e32;color:#fff;padding:26px 20px}aside h2{color:#e5be76}aside p{font-size:13px;color:#aac}nav{display:grid;gap:5px;margin:25px 0}nav button{background:transparent;color:#fff;text-align:right;border:0;padding:11px;border-radius:7px}nav button:hover,nav button.selected{background:#1d4059}aside a{color:#e4be77}#logout{display:block;margin-top:25px;background:#27475a}main{padding:35px;max-width:1300px;width:100%}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce2e7;margin-bottom:25px}header span{color:#9b7b45;font-size:12px;letter-spacing:2px}#login,form,#settingsPanel,#itemList,#shipmentList{background:white;padding:24px;border-radius:12px;box-shadow:0 8px 35px #152b3e0c;margin:20px 0}#login{max-width:480px;margin:100px auto}label{display:block;font-weight:700;margin:12px 0;font-size:13px}input,textarea,select{display:block;width:100%;padding:11px;border:1px solid #cfd8df;border-radius:7px;margin:6px 0;background:white;color:#123}button{background:#0d3853;color:white;border:0;border-radius:7px;padding:11px 18px;font-family:inherit;font-weight:700;cursor:pointer}button.secondary{background:#7c8b97}.two,.actions{display:grid;grid-template-columns:1fr 1fr;gap:15px}.actions{margin-top:20px}.record{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e8edf0;padding:13px 0}.record small{display:block;color:#678}.record .tools{display:flex;gap:8px}.record button{padding:7px 12px}.danger{background:#9c3942}#notice{color:#1d775d;font-weight:700;min-height:20px}#settingsPanel label{max-width:600px}#settingsPanel button{margin-bottom:15px}@media(max-width:800px){body{display:block}aside{padding:16px}aside nav{grid-template-columns:repeat(2,1fr)}main{padding:15px}.record{flex-wrap:wrap}}

/* Editable fares control */
.admin-intro{border-right:4px solid #c89d45;background:#f9f5eb;border-radius:9px;padding:13px 16px;color:#43546b;line-height:2;font-size:13px;margin:0 0 20px}
.route-form-fields{padding:16px;border:1px solid #e3d9c6;border-radius:12px;background:#fffdf9}
.popular-toggle{display:flex;gap:12px;align-items:center;padding:10px 5px;color:#614b20;font-size:14px}
.popular-toggle input{width:20px;height:20px;margin:0;accent-color:#bc9139}
.route-star{color:#ae801f;font-weight:900;white-space:nowrap}
.route-details small{line-height:1.9}
#itemsPanel>button{margin-bottom:7px}

.cms-section{background:#fff;border-radius:14px;padding:20px;margin:20px 0}.cms-setting{background:#f7f9fa;border:1px solid #e9eef1;border-radius:10px;padding:12px;margin:10px 0}.cms-setting button{margin-top:4px}.cms-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.cms-image-card{padding:14px;background:#f8fafb;border:1px solid #dde5ed;border-radius:12px;display:flex;flex-direction:column;gap:10px;min-width:0}.cms-image-card img{width:100%;height:153px;object-fit:contain;background:#e6ebef;border-radius:8px}.cms-image-card input{max-width:100%}.cms-card-actions{display:flex;gap:8px}.cms-card-actions button{padding:7px 11px}.cms-msg{min-height:20px;color:#26684b}#appearancePanel textarea,#contentPanel textarea{max-width:850px;min-height:60px}
/* Staff directory and visibility options */
.staff-create{max-width:650px;background:#f8fafb;border:1px solid #e0e5eb;box-shadow:none;margin-bottom:24px}.staff-create-msg{color:#a32832}.staff-tools{display:flex;gap:8px;flex-wrap:wrap}.staff-list{margin-top:20px}.visibility-line{display:flex;align-items:center;gap:10px;cursor:pointer}.visibility-line input{width:20px;height:20px;accent-color:#b38b40;margin:0}.visibility-options{border-right:4px solid #b38b40}.visibility-options p{font-size:13px;color:#607185}

/* Employee permissions and branch assignment */
.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:5px 12px;background:#f5f8fb;padding:15px;border-radius:10px;border:1px solid #e3e9ee;margin:12px 0}
.permission-choice{display:flex;gap:9px;align-items:center;margin:4px 0;font-size:12px;font-weight:600;line-height:1.7}
.permission-choice input{width:18px;height:18px;margin:0;flex-shrink:0;accent-color:#ad873a}
.staff-account{border:1px solid #dce5ec;border-radius:12px;padding:18px;margin:18px 0;background:#fff}
.staff-account h3{margin:0;overflow-wrap:anywhere}
.staff-account p{color:#687887;margin:5px 0}
.staff-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.staff-account .staff-tools{margin-top:12px}
#menu button[hidden]{display:none!important}
@media(max-width:650px){.staff-two{grid-template-columns:1fr}}