:root{font-family:'DM Sans',system-ui,sans-serif;color:#17233a;background:#f2f4f7}*{box-sizing:border-box}
body{margin:0;min-height:100vh}a{color:#087e6b}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #66a3ed;outline-offset:2px}
.caples-header{background:#fff;border-bottom:1px solid #dce3ed;min-height:76px;padding:12px max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.caples-header a.brand{display:inline-flex;align-items:center;gap:10px;color:#182b45;text-decoration:none;font-weight:800;letter-spacing:.09em}
.caples-header a.brand:before{content:'C';display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#12243b;color:#31c5a7;font-size:29px}
.caples-header small{display:block;letter-spacing:.18em;font-size:10px;color:#58677a}
.caples-header nav{margin-left:auto;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.caples-header nav a{color:#4a5568;text-decoration:none;font-weight:600;font-size:14px}
.current-position{font-size:14px;font-weight:700;color:#253a52}.caples-menu{position:relative}.caples-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;padding:.5rem;border:0;border-radius:0;font-weight:600}.caples-menu summary::-webkit-details-marker{display:none}.caples-menu summary::marker{content:""}.caples-menu summary:after{content:none}body::after{content:"Caples Shared App · Version 2026.10.03.01";display:block;text-align:center;color:#59677b;padding:24px;font-size:13px}.caples-menu ul,.caples-menu-content{position:absolute;right:0;top:100%;z-index:10;background:#fff;min-width:min(256px,90vw);max-width:90vw;max-height:65vh;overflow:auto;padding:.5rem;margin:0;list-style:none;border:1px solid #ccd5e0;border-radius:.5rem;box-shadow:0 8px 24px #0003}.caples-menu li a,.caples-menu-content>a{display:block;padding:9px;border-radius:6px}.caples-menu li a:hover,.caples-menu-content>a:hover{background:#eef3f6}.caples-menu-content form{padding:4px}.caples-menu-content select{max-width:100%}
.caples-menu summary:focus-visible{outline:3px solid #66a3ed;outline-offset:2px}.caples-menu-content form:last-child{border-top:1px solid #dce3ed;margin-top:8px;padding-top:10px}.caples-menu-content .caples-signout{display:block;width:100%;background:transparent;color:#253a52;text-align:left;padding:9px}.caples-menu-content .caples-signout:hover{background:#eef3f6}
.external-options .provider{background:#fff;color:#182b45;border:1px solid #bac7d5;display:inline-flex;align-items:center;gap:8px}.external-options .provider:hover{background:#f1f5f9}
main.caples-card{max-width:1000px;margin:50px auto;padding:36px;background:#fff;border:1px solid #e0e5ec;border-radius:16px;box-shadow:0 14px 40px #15243b12}
main.caples-card h1{margin-top:0}main.caples-card p{line-height:1.55;color:#59677b}.card{padding:20px;margin:16px 0;border:1px solid #e0e5ec;border-radius:12px}
label{display:block;margin:12px 0}input,select{font:inherit;padding:9px;border:1px solid #bfc9d5;border-radius:8px}input[type=checkbox]{width:auto;margin-right:8px}
button,.provider{display:inline-block;background:#087e6b;color:white;border:0;border-radius:8px;padding:11px 18px;font:700 15px 'DM Sans',system-ui;text-decoration:none;cursor:pointer}
.external-options{border-top:1px solid #dce3ed;margin-top:24px;padding-top:18px}.external-options .provider{margin:0 10px 10px 0}
@media(max-width:700px){main.caples-card{margin:16px;padding:22px}.caples-header{padding:12px 16px}}