:root{--ink:#17324d;--blue:#2166d1;--pale:#eef6ff;--sun:#ffb11b;--line:#dce7f2}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f7fbff;color:var(--ink)}header{height:74px;background:#fff;display:flex;align-items:center;padding:0 5vw;gap:4vw;position:sticky;top:0;z-index:4;box-shadow:0 1px 12px #17324d12}.brand{font-weight:850;font-size:20px;color:var(--ink);text-decoration:none}nav{display:flex;gap:24px;flex:1}nav a,.user{color:#587087;text-decoration:none;font-weight:650}.user{display:flex;gap:15px;align-items:center}.linkbtn{background:none;color:#587087;padding:0}main{max-width:1320px;margin:auto;padding:42px 28px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.intro h1{font-size:42px;margin:7px 0}.intro p{margin:0;color:#6d8194}.eyebrow{color:var(--blue);font-size:12px;font-weight:850;letter-spacing:2px}button{border:0;border-radius:12px;background:var(--blue);color:#fff;padding:12px 18px;font-weight:800;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(315px,1fr));gap:22px}.newcard{min-height:420px;background:white;border:2px dashed #9dbde0;color:var(--blue);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.newcard span{font-size:40px}.card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 35px #204a7312}.pic{height:190px;background:#dbe9f6 center/cover;position:relative}.avatars{position:absolute;right:12px;top:12px;display:flex}.avatars i{width:32px;height:32px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;border:2px solid white;margin-left:-8px;font-style:normal;font-size:12px}.rating{position:absolute;left:12px;bottom:12px;background:white;border-radius:8px;padding:6px 9px;color:#a66b00;font-weight:800}.body{padding:18px}.row{display:flex;gap:8px;align-items:start}.row h2{margin:0;flex:1;font-size:20px}.star{font-size:25px;background:#edf3fa;color:#7290ad;padding:5px 10px}.star.on{background:#fff3c8;color:#de9200}.tag{display:inline-block;background:#e7f5ee;color:#277055;border-radius:99px;padding:6px 9px;font-size:12px;margin:10px 0}.desc{color:#5d7185;line-height:1.5;min-height:68px}.actions{display:flex;gap:15px;margin:15px 0}.actions a{color:var(--blue);font-weight:750;text-decoration:none}details{border-top:1px solid var(--line);padding-top:12px}summary{cursor:pointer;font-weight:700}.chat p{background:#f2f7fc;border-radius:10px;padding:8px}.chat p b{margin-right:7px}.chat form{display:flex}.chat input{flex:1}.chat button{padding:8px 12px}.auth{min-height:76vh;display:grid;grid-template-columns:1.1fr .9fr;background:white;border-radius:28px;overflow:hidden;box-shadow:0 25px 70px #183f6620}.loginhero{padding:70px;background:linear-gradient(135deg,#065fc7cc,#0c8fc7aa),url('https://www.hellocanaryislands.com/sites/default/files/styles/16_9_desktop/public/resources/header_images/Mogan_0159-cab-D_0.jpg?itok=5RduU1Pz') center/cover;color:white;display:flex;align-items:end}.loginhero h1{font-size:52px;max-width:600px;margin:10px 0}.panel{background:white;padding:60px;display:flex;flex-direction:column;gap:16px;justify-content:center}.panel h1,.panel h2{margin:0}.panel.narrow{max-width:520px;margin:8vh auto;border-radius:24px;box-shadow:0 20px 60px #17324d20}.sun{font-size:45px}label{display:flex;flex-direction:column;gap:7px;font-weight:750}input,textarea{border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit;color:var(--ink)}.flash{padding:12px;border-radius:10px;margin-bottom:15px}.flash.error{background:#fee5e5;color:#922}.flash.ok{background:#e0f5e8;color:#175f36}dialog{border:0;border-radius:22px;width:min(680px,95vw);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#1238}.dialoghead{display:flex;justify-content:space-between}.dialoghead h2{margin:4px 0}.close{background:#edf3fa;color:#345;font-size:24px;padding:5px 12px}dialog form{display:flex;flex-direction:column;gap:13px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:12px}.overview{display:grid;grid-template-columns:260px 1fr;gap:24px}.people,.rank article{background:#fff;border-radius:18px;padding:20px}.people span{display:block;margin:15px 0}.rank{display:flex;flex-direction:column;gap:12px}.rank article{display:flex;align-items:center;gap:16px}.rank article div:nth-child(2){flex:1}.rank article h3,.rank article p{margin:3px}.ranknum{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--pale);font-weight:900}@media(max-width:800px){header{height:auto;padding:15px;flex-wrap:wrap}nav{order:3;width:100%;overflow:auto}.user{margin-left:auto}main{padding:25px 16px}.intro{align-items:start;gap:15px}.intro h1{font-size:32px}.auth{grid-template-columns:1fr}.loginhero{min-height:300px;padding:35px}.loginhero h1{font-size:38px}.panel{padding:32px}.overview{grid-template-columns:1fr}.twocol{grid-template-columns:1fr}}
.toolbar{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.button{display:inline-block;border-radius:12px;padding:12px 18px;font-weight:800;text-decoration:none}.manage-actions{display:flex;gap:9px;margin:12px 0}.secondary{background:#eaf2fb;color:#205d98}.danger{background:#fff0f0;color:#a52828;border:1px solid #f1c5c5}.dropzone{border:2px dashed #91b7dc;border-radius:15px;padding:22px;display:flex;flex-direction:column;align-items:center;gap:7px;background:#f7fbff;cursor:pointer}.dropzone.over{background:#e3f2ff;border-color:#2166d1}.dropzone input{display:none}.dropzone img{max-height:160px;max-width:100%;border-radius:10px}dialog{max-height:92vh;overflow:auto}pre{white-space:pre-wrap;background:#102d48;color:#e9f5ff;padding:16px;border-radius:12px;max-height:48vh;overflow:auto}