*{box-sizing:border-box}body{margin:0;background:#f2f6f4;color:#193e34;font-family:Arial,sans-serif}.app{max-width:1380px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#123e35;color:#fff;padding:22px 28px;border-radius:16px}header h1{margin:0;font-size:27px}header p{margin:6px 0 0;color:#c6dfd4}.panel{background:#fff;border-radius:16px;margin-top:24px;padding:28px;box-shadow:0 5px 20px #0000000b}.login{max-width:450px;margin:45px auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.heading h2{margin:0}.heading p{color:#637a70}button{background:#137357;color:#fff;border:0;border-radius:9px;padding:12px 16px;cursor:pointer;font-weight:600}button:hover:not(:disabled){filter:brightness(.95)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary,.light{background:#e8f0ec;color:#17513f}label{display:block;font-weight:600;font-size:13px;margin-bottom:14px}input,select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #c9d8d0;border-radius:9px;font:inherit;background:#fff}.filters{display:flex;gap:12px;margin:20px 0}.filters input{flex:1;margin:0;min-width:100px}.filters select{max-width:190px;margin:0}.workspace{display:grid;grid-template-columns:minmax(260px,39%) minmax(0,1fr);gap:22px}.mosque-list{border:1px solid #e2ebe6;border-radius:12px;max-height:68vh;overflow:auto}.mosque-row{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;border:0;border-bottom:1px solid #e9eeeb;border-radius:0;text-align:left;background:#fff;color:#193e34;padding:15px}.mosque-row small{color:#667e73;font-weight:400}.mosque-row.chosen{background:#e6f3eb}.mosque-row span{font-size:12px}.active{color:#147a54}.inactive{color:#956027}.details{padding:24px;border:1px solid #e2ebe6;border-radius:12px;min-width:0}.details h3{margin-top:0}.details dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px}.details dt{color:#61796e}.details dd{margin:0;overflow-wrap:anywhere}.id{font-size:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.hint{color:#62796d;font-size:13px}.warning{background:#fff7e9;color:#745323;padding:12px 16px;border-radius:9px}.notice{background:#eaf7ee;padding:14px;border-radius:9px}.error{background:#fff0ee;color:#a52222;padding:14px;border-radius:9px}@media(max-width:740px){.workspace,.field-grid{grid-template-columns:1fr}.panel{padding:17px}.filters{flex-wrap:wrap}.filters select{max-width:none}}