*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#f4f9ff 0,#f7f9fc 55%,#eef5fb 100%);color:#10233b;font-family:Inter,Arial,sans-serif}.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #dce8f5;padding:13px 20px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:27px;font-weight:900;color:#0877e8;letter-spacing:-1px}.brand span{color:#10233b}.tag{font-size:10px;color:#6c8299;letter-spacing:.2px}.ghost,.back{background:none;border:0;color:#0877e8;font-weight:800;cursor:pointer}.user-chip{border:1px solid #cfe2f7;background:#eef7ff;color:#0877e8;border-radius:22px;padding:9px 14px;font-weight:800}.screen{display:none;max-width:1050px;margin:auto;padding:20px 22px 105px}.screen.active{display:block}.area-card,.hero,.card,.rep-card,.issue-card,.stats>div{background:rgba(255,255,255,.95);border:1px solid #dce7f2;border-radius:18px;box-shadow:0 8px 28px rgba(24,75,125,.06)}.area-card{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;margin:12px 0}.area-card small,.stats small{display:block;color:#71869a;margin-top:4px}.verified{font-size:12px;background:#e8f9ef;color:#16834a;padding:8px 12px;border-radius:20px;font-weight:700}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#e5f3ff,#ffffff 72%);padding:27px;margin:15px 0}.hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-55px;top:-70px;background:#d6ecff}.hero h1{position:relative;z-index:1;margin:0 0 9px;font-size:27px;line-height:1.2;letter-spacing:-.5px}.hero p{position:relative;z-index:1;color:#5c7289;font-size:15px}.rep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rep-card{padding:17px;margin:0;display:flex;gap:13px;align-items:center;min-height:90px}.rep-card b{display:block}.rep-card small,.rep-card p{color:#71869a;margin:5px 0}.avatar{width:45px;height:45px;border-radius:14px;background:linear-gradient(135deg,#0877e8,#52b5ff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900;flex:none}.avatar.big{width:58px;height:58px;border-radius:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats>div{text-align:center;padding:17px;margin:0}.stats b{font-size:28px;color:#0877e8}.list{display:grid;gap:12px}.issue-card{cursor:pointer;padding:17px;transition:.2s}.issue-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(24,75,125,.1)}.issue-card h3{margin:9px 0 7px;font-size:17px}.issue-card p{color:#63778d;margin:6px 0;line-height:1.45}.issue-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.status,.category-pill{display:inline-block;padding:6px 10px;border-radius:20px;font-size:11px;font-weight:800;text-transform:capitalize}.status{background:#edf5ff;color:#1469c7}.status-resolved{background:#e9f8ef;color:#16834a}.status-reported,.status-notified{background:#fff5df;color:#a46700}.status-reopened{background:#fff0f0;color:#b33a3a}.category-pill{background:#f1f5f9;color:#5f7184}.meta{font-size:12px;color:#7a8da0}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{border:1px solid #d5e1ed;background:#fff;border-radius:20px;padding:8px 12px;color:#52687d;cursor:pointer}.chip.active{background:#0877e8;color:#fff;border-color:#0877e8}.label,label{display:block;font-weight:700;margin:12px 0}input,textarea,select{width:100%;padding:12px 13px;margin-top:6px;border:1px solid #cbd9e7;border-radius:11px;font:inherit;background:#fff}.primary,.secondary{width:100%;padding:13px;border:0;border-radius:11px;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,#0877e8,#1597ff);color:#fff;box-shadow:0 7px 18px rgba(8,119,232,.18)}.secondary{background:#edf5ff;color:#0877e8}.bottom{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-top:1px solid #dce7f2;display:flex;justify-content:space-around;align-items:center;padding:8px 5px;z-index:30}.bottom button{background:none;border:0;color:#526a80;font-size:18px;cursor:pointer}.bottom span{display:block;font-size:10px;margin-top:2px}.bottom .add{background:linear-gradient(135deg,#0877e8,#1aa1ff);color:#fff;width:50px;height:50px;border-radius:50%;font-size:29px;margin-top:-26px;box-shadow:0 8px 22px rgba(8,119,232,.28)}.responsibility{margin:17px 0;border-left:4px solid #0877e8;padding:13px 14px;background:#f3f8ff;border-radius:10px}.mini-rep{padding:9px 0;border-bottom:1px solid #e2ebf4}.mini-rep:last-child{border:0}.mini-rep small{display:block;color:#6d8195;margin-top:3px}.timeline{border-left:2px solid #dbe7f2;padding-left:16px;margin:15px 0}.event{margin:0 0 16px}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.comment{padding:11px 0;border-bottom:1px solid #e4ebf2}.comment p{margin:5px 0;color:#52687d}.comment small{color:#8a9aaa}.modal{position:fixed;inset:0;background:rgba(9,31,55,.45);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.modal.show{display:flex}.modal-box{width:min(460px,100%);background:#fff;border-radius:20px;padding:25px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.22)}.modal-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:27px;color:#71869a;cursor:pointer}.linkbtn{border:0;background:none;color:#0877e8;font-weight:700;cursor:pointer;margin-top:10px}.success{color:#16834a}.error{color:#c43c3c}.loading{padding:30px;text-align:center;color:#70849a}.empty-state{text-align:center;padding:30px}.empty-icon{font-size:40px;color:#0877e8}.profile-head{display:flex;gap:14px;align-items:center;margin-bottom:15px}.profile-head h3{margin:0}.profile-head p{margin:5px 0;color:#71869a}@media(max-width:700px){.rep-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:22px}.screen{padding-left:14px;padding-right:14px}.top{padding:12px 14px}}@media(max-width:450px){.rep-grid{grid-template-columns:1fr 1fr;gap:8px}.rep-card{min-height:82px;padding:13px}.action-row{grid-template-columns:1fr}.tag{display:none}}

.comment-form{margin-top:12px;padding-top:12px;border-top:1px solid #e2ebf3}.resolution-box{margin-top:18px;padding:16px;border-radius:14px;background:linear-gradient(135deg,#f0f8ff,#fff);border:1px solid #d7e8f8}.resolution-box h3{margin-top:0}