:root{--navy:#082f38;--navy-deep:#031f28;--gold:#b99357;--gold-light:#e6c58e;--ink:#172f38;--muted:#6b7b82;--border:#dae3e5;--paper:#fff;--bg:#f3f6f6;--green:#167365;--danger:#9d373a;--shadow:0 14px 60px #062c3d1d}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;transition:background .15s,box-shadow .15s;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:7px;white-space:nowrap}button:disabled{opacity:.5;cursor:not-allowed}button,a,input,select,textarea{outline-offset:3px}a{color:var(--green)}button:focus-visible,a:focus-visible{outline:2px solid var(--gold)}.primary,.secondary,.ghost,.button{padding:10px 16px;border-radius:6px;border:1px solid transparent;font-weight:600;font-size:13px;min-height:39px}.primary{background:var(--navy);color:white;border-color:var(--navy)}.primary:hover{background:#124a54}.secondary{background:white;border-color:var(--border);color:var(--navy)}.secondary:hover{background:#f1f5f5;border-color:#9fb7bd}.ghost{background:transparent;color:var(--muted)}.ghost:hover{background:#e8efef;color:var(--navy)}.light{color:#e1eaeb}.light:hover{background:#214650;color:white}.danger{color:var(--danger)}.full{width:100%}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.55}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--gold-light);margin:0 0 12px}.eyebrow.dark{color:#97753e}h1,h2,h3,p{margin-top:0}h1{font-size:32px;letter-spacing:-.6px;line-height:1.25}h2{font-size:24px;font-weight:600;letter-spacing:-.5px;margin-bottom:12px}h3{font-size:17px;font-weight:600}input,select,textarea{width:100%;padding:10px 11px;border:1px solid #cdd9dc;border-radius:5px;background:white;color:var(--ink);min-height:40px}input:focus,select:focus,textarea:focus{border-color:#608992;box-shadow:0 0 0 2px #0b728515;outline:none}input[readonly]{background:#f2f6f6}input[type=checkbox]{width:16px;height:16px;min-height:0;accent-color:var(--navy);flex-shrink:0}input[type=color]{padding:3px;cursor:pointer}label{display:block;font-weight:600;font-size:12px;line-height:1.5;margin-bottom:13px}label input,label select,label textarea{margin-top:5px;font-weight:400}small{display:block;color:var(--muted);font-weight:400;font-size:11px;margin-top:4px}.required{color:#ad8042}.optional{font-size:10px;font-weight:400;color:var(--muted);margin-left:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid.thirds{grid-template-columns:1fr 1fr 1fr}.inline-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.icon-button{border:0;background:none;color:var(--muted);font-size:28px;width:34px;height:34px;border-radius:50%;padding:0}.icon-button:hover{background:#e9efef}.error{border:1px solid #e7b5b5;background:#fff0ee;color:#942d34;padding:12px;border-radius:6px;font-size:13px}.notice{padding:11px 14px;background:#fffaed;border:1px solid #e8d5aa;border-radius:6px;font-size:12px;line-height:1.5;margin-top:12px;color:#756133}.notice p{margin:0 0 4px}.notice p:last-child{margin:0}.toast{position:fixed;right:24px;bottom:24px;z-index:2000;max-width:min(520px,90vw);padding:15px 20px;background:var(--navy);color:white;border-radius:8px;box-shadow:0 6px 40px #0003;line-height:1.5}.toast.failure{background:#8d3037}.brandmark{width:60px;height:60px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font:35px Georgia,serif;color:var(--gold-light);margin-bottom:40px;position:relative}.brandmark:after{content:"";position:absolute;inset:5px;border:1px solid #b9935766;border-radius:50%}.smallmark{width:43px;height:43px;font-size:25px;margin:0}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.08fr 1fr}.auth-story{background:radial-gradient(ellipse at 80% 10%,#31545c,var(--navy-deep) 70%);color:white;padding:70px 10%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:650px;height:650px;border:1px solid #bc9b5833;border-radius:50%;right:-410px;bottom:-50px;box-shadow:0 0 0 90px #bc9b5810,0 0 0 170px #bc9b5808}.auth-story h1{font:43px/1.25 Georgia,serif;letter-spacing:-.8px;margin:12px 0 24px;position:relative;z-index:1}.auth-intro{color:#c5d6d9;font:20px/1.5 Georgia,serif;max-width:400px}.auth-rule{width:64px;height:1px;background:var(--gold);margin:25px 0}.auth-caption{color:#c4d4d6;font-size:12px;letter-spacing:1px}.auth-footer{position:absolute;bottom:35px;color:#78949b;font-size:11px;letter-spacing:.5px}.auth-panel{display:flex;align-items:center;justify-content:center;background:#fbfcfc;padding:40px}.auth-inner{max-width:370px;width:100%}.auth-inner h2{font-size:32px;margin-bottom:8px}.auth-inner form{margin:30px 0 22px}.auth-inner label{margin-bottom:17px}.topbar{height:80px;background:var(--navy-deep);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:2px solid var(--gold)}.brand{display:flex;align-items:center;gap:15px}.brand strong{font:26px Georgia,serif;letter-spacing:4px;display:block}.brand span:not(.brandmark){display:block;font-size:9px;letter-spacing:2px;color:#beced1;margin-top:4px}.top-actions{display:flex;gap:10px;align-items:center}.top-actions>span{font-size:12px;margin-right:12px;color:#c4d7dc}.app-shell{display:flex;min-height:calc(100vh - 80px)}.sidebar{width:235px;flex:0 0 235px;background:white;border-right:1px solid var(--border);padding:34px 15px;display:flex;flex-direction:column}.nav-label{color:#89999e;letter-spacing:1.5px;font-size:9px;font-weight:700;margin:0 14px 14px}.nav-label:not(:first-child){margin-top:35px}.nav-button{width:100%;justify-content:flex-start;border:0;border-radius:6px;padding:13px 12px;font-size:12px;margin:3px 0;background:transparent;color:#566b72;text-align:left;font-weight:500}.nav-button:hover{background:#f3f7f7}.nav-button.active{background:#eaf1f1;color:var(--navy);font-weight:700}.nav-icon{width:23px;font-size:20px;font-weight:400;color:#63848b}.sidebar-footer{font-size:10px;line-height:1.9;color:#83979c;margin:60px 10px 0;padding-top:30px;border-top:1px solid var(--border)}.sidebar-footer a{display:block;margin-top:8px;font-size:11px}.version{display:block;letter-spacing:1px;font-size:8px;margin-top:24px}.connection-dot{display:inline-block;width:6px;height:6px;background:#438f74;border-radius:100%;margin-right:3px}main{flex:1;padding:37px 40px;min-width:0;max-width:1800px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading h1{margin:4px 0 8px;font-size:29px}.page-heading p{margin:0;font-size:13px;color:var(--muted)}.page-heading .eyebrow{margin-bottom:10px;color:#97753e;font-size:9px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:27px}.stat{padding:21px 24px;background:white;border:1px solid var(--border);border-radius:8px;position:relative;cursor:pointer}.stat:before{content:"";position:absolute;height:3px;width:38px;top:0;left:24px;background:#abc0c5}.stat:first-child:before{background:var(--gold)}.stat:nth-child(2):before{background:#4b9483}.stat strong{display:block;font-size:33px;font-weight:500;letter-spacing:-1px;margin:3px 0}.stat span{color:var(--muted);font-size:11px;font-weight:600}.stat small{font-size:10px;margin-top:8px}.card{background:white;border:1px solid var(--border);border-radius:9px;padding:25px}.register-card{padding:0;overflow:hidden}.register-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border);flex-wrap:wrap}.search-tools{display:flex;align-items:center;gap:10px;flex:1}.search-tools input{max-width:290px}.search-tools select{max-width:235px}.export-tools{display:flex;gap:7px;align-items:center}.export-tools span{font-size:10px;color:var(--muted);margin-right:4px}.export-tools .secondary{padding:8px 12px;min-height:36px;font-size:11px}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#f7f9f9;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#71848a;padding:15px 18px;white-space:nowrap;font-weight:700}td{padding:18px;vertical-align:top;border-top:1px solid #edf1f2;font-size:12px;line-height:1.55}td strong{font-size:13px;display:block;color:var(--ink)}td .subline{font-size:11px;color:#7b8b90;display:block;margin-top:4px;max-width:320px}tr:hover td{background:#fafcfc}.serial{font-size:10px;font-family:Consolas,monospace;color:#42626c;white-space:nowrap}.status{display:inline-flex;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;white-space:nowrap;background:#eef2f3;color:#687d84}.status.attending{background:#e6f2ed;color:#257763}.status.not_attending{background:#f7eded;color:#945c5d}.status.answered{background:#e8eef5;color:#56768e}.row-actions{display:flex;align-items:center;gap:4px}.row-actions button,.row-actions a{font-size:11px;padding:6px 8px;min-height:30px}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;font-size:10px;color:#81949a;border-top:1px solid var(--border)}.empty-state{text-align:center;padding:60px 20px;color:var(--muted)}.empty-state h3{color:var(--ink)}.empty-state p{max-width:420px;margin:0 auto 20px;line-height:1.7;font-size:13px}.background-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.background-card{padding:0;overflow:hidden}.background-thumb{aspect-ratio:16/9;background:var(--navy-deep);display:flex;align-items:center;justify-content:center;color:#99afb4;position:relative}.background-thumb img{width:100%;height:100%;object-fit:contain}.background-thumb .empty-slot{text-align:center;font-size:13px}.empty-slot strong{display:block;color:#cbdadc;font:38px Georgia,serif;margin-bottom:10px}.background-body{padding:20px}.background-body h3{margin-bottom:6px}.background-body p{font-size:11px;color:var(--muted);line-height:1.6}.background-body .inline-actions{margin-top:15px}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stack .card{margin-bottom:20px}.card p{line-height:1.7}.settings-note{font-size:12px;color:var(--muted)}dialog{border:0;border-radius:11px;padding:0;box-shadow:0 20px 100px #041d2870;color:var(--ink)}dialog::backdrop{background:#031e29a8;backdrop-filter:blur(2px)}.invite-dialog{width:min(1460px,96vw);max-width:none;height:auto;max-height:95vh}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:22px 27px;border-bottom:1px solid var(--border);gap:20px}.dialog-header h2{margin:0;font-size:23px}.dialog-header .eyebrow{font-size:9px;margin-bottom:6px}.invite-content{display:grid;grid-template-columns:400px 1fr;max-height:calc(95vh - 165px);overflow:auto}.invite-form{padding:23px 27px;border-right:1px solid var(--border)}.serial-line{background:#f1f5f5;border:1px solid #e0e9ea;border-left:3px solid var(--gold);padding:11px 13px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center;gap:8px}.serial-line span{font-size:10px;color:var(--muted)}.serial-line strong{font:11px Consolas,monospace}.invite-form label{margin-bottom:10px}.invite-form input,.invite-form select{min-height:37px;padding:8px 10px}.invite-form fieldset{border:1px solid var(--border);border-radius:5px;padding:9px 10px 10px;margin:9px 0 13px}.invite-form legend{font-size:10px;letter-spacing:.4px;font-weight:600;padding:0 5px;color:#4b676f}.check-row{display:flex;gap:20px;align-items:center}.check-row label{display:flex;gap:7px;align-items:center;margin:0;font-size:11px;font-weight:400}.check-row input{margin:0;min-height:0;padding:0}.invite-preview-panel{padding:25px;background:#f6f8f8}.preview-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.pill{font-size:8px;letter-spacing:1px;font-weight:700;color:#66868d;background:#e8eeef;padding:6px 8px;border-radius:3px;display:inline-block}.preview-top .small{margin-left:10px}.invitation-preview{position:relative;aspect-ratio:1672/941;width:100%;background:#072b35;box-shadow:0 10px 32px #0e304330;border-radius:3px;overflow:hidden;display:flex;align-items:center}.invitation-preview img{width:100%;display:block}.invitation-preview img:not([src]){display:none}.preview-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9bb3b9;font-family:Georgia,serif;padding:60px;text-align:center;line-height:1.7}.preview-tools{display:flex;gap:10px;margin:20px 0}.payload-details{border-top:1px solid var(--border);padding:16px 0;color:var(--muted);font-size:11px}.payload-details summary{cursor:pointer;font-weight:600;color:#627e87}.payload-details code{display:block;overflow-wrap:anywhere;padding:14px 0;color:#365f6b;font-size:11px}.payload-details p{line-height:1.7;max-width:750px}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 25px;border-top:1px solid var(--border);background:white}.dialog-footer p{margin:0}.layout-dialog{width:98vw;max-width:none;height:96vh;max-height:none}.layout-dialog[open]{display:flex;flex-direction:column}.layout-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 25px;background:#fafcfc;border-bottom:1px solid var(--border)}.layout-toolbar p{font-size:11px;color:var(--muted);margin:0}.inline-label{display:flex;align-items:center;gap:8px;margin:0;font-size:11px}.inline-label select{width:auto;min-height:32px;padding:4px 8px;margin:0;font-size:11px}.inline-label input{margin:0}.layout-body{display:flex;flex:1;min-height:0;overflow:hidden}.stage-area{padding:18px;flex:1;min-width:0;background:#dae2e5;display:flex;flex-direction:column}.stage-scroller{overflow:auto;flex:1;min-height:0;display:block}.layout-stage{position:relative;width:100%;aspect-ratio:1672/941;margin:0 auto;box-shadow:0 7px 30px #163a4233;background:var(--navy-deep);touch-action:none}.layout-stage:focus{outline:none}.layout-stage>img{display:block;width:100%;height:100%;pointer-events:none}.layout-stage>img:not([src]){visibility:hidden}.layout-box{position:absolute;outline:1px dashed #e5e9db90;cursor:move;touch-action:none;background:#ffffff08}.layout-box.selected{outline:2px solid #f0c673;background:#edc97712;z-index:3}.layout-box.disabled-box{opacity:.3}.box-caption{display:none;position:absolute;left:-1px;bottom:100%;padding:3px 5px;font-size:9px;background:#f0c673;color:#163f49;white-space:nowrap;font-weight:700;pointer-events:none}.layout-box.selected .box-caption,.layout-box:hover .box-caption{display:block}.resize-handle{position:absolute;right:-5px;bottom:-5px;width:10px;height:10px;background:#f0c673;border:1px solid #745621;cursor:nwse-resize;display:none;z-index:5}.layout-box.selected .resize-handle{display:block}.no-guides .layout-box{outline:none;background:none}.no-guides .box-caption,.no-guides .resize-handle{display:none}.properties{width:280px;flex:0 0 280px;background:white;border-left:1px solid var(--border);overflow-y:auto;padding:20px}.properties label{font-size:11px;margin-bottom:11px}.properties input,.properties select{font-size:12px;padding:7px 8px;min-height:34px}.properties .check-row{margin:12px 0}.properties .form-grid{gap:10px}.property-hint{border-top:1px solid var(--border);padding-top:15px;margin-top:20px;font-size:11px;line-height:1.7;color:var(--muted)}.simple-dialog{width:min(610px,94vw);max-width:none;max-height:92vh}.simple-dialog .dialog-header h2{font-size:21px}.simple-dialog #simple-content{padding:24px;max-height:76vh;overflow:auto}.simple-dialog .form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.history-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--border);font-size:12px}.history-row small{margin-top:3px}.loading{padding:50px;color:var(--muted);text-align:center}.wide-note{font-size:12px;line-height:1.7;margin:22px 0;color:#697d84}.tag{padding:4px 8px;background:#edf2f3;border-radius:4px;font-size:10px;color:#55727c}#saved-pdf-actions{display:flex;align-items:center;gap:10px;margin-top:14px}#main .error{max-width:800px}.disabled-form input,.disabled-form select,.disabled-form textarea{pointer-events:none;background:#f4f7f7}.pending{color:#8e763e}
@media(min-width:1600px){main{padding:42px 55px}.invite-content{grid-template-columns:430px 1fr}}@media(max-width:1200px){.sidebar{width:205px;flex-basis:205px;padding:25px 10px}.nav-button{font-size:11px}.nav-icon{font-size:18px;width:19px}main{padding:27px}.invite-content{grid-template-columns:350px 1fr}.invite-form{padding:20px}.invite-preview-panel{padding:20px}.register-toolbar{align-items:flex-start}.search-tools input{max-width:240px}.export-tools{margin-left:auto}.properties{width:245px;flex-basis:245px}.layout-toolbar p{max-width:530px}.stat{padding:18px}.stats{gap:12px}}@media(max-width:900px){.sidebar{width:64px;flex-basis:64px;padding:20px 8px;overflow:hidden}.nav-label,.sidebar-footer{display:none}.nav-button{font-size:0;justify-content:center}.nav-icon{font-size:25px;min-width:30px}.nav-button.active{background:#eaf1f1}main{padding:24px 20px}.topbar{padding:0 20px}.top-actions>span{display:none}.stats{grid-template-columns:repeat(2,1fr)}.invite-content{display:block}.invite-form{border-right:0}.invite-preview-panel{border-top:1px solid var(--border)}.background-grid,.two-panels{grid-template-columns:1fr}.auth-screen{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{min-height:100vh}.page-heading{align-items:flex-start}.dialog-footer{flex-wrap:wrap}.layout-dialog{height:98vh}.properties{width:220px;flex-basis:220px}.layout-toolbar p{display:none}.layout-toolbar{justify-content:flex-end}.stage-area{padding:10px}.layout-dialog .dialog-footer .ghost{font-size:10px;padding:5px 6px}.search-tools{flex-wrap:wrap}.search-tools select{max-width:none}.search-tools input{max-width:none}.register-toolbar{display:block}.export-tools{margin-top:12px}.top-actions .ghost{font-size:11px;padding:7px}.brand strong{font-size:22px}.brand span:not(.brandmark){font-size:8px;letter-spacing:1px}}@media print{.topbar,.sidebar,.page-heading button,.register-toolbar,.row-actions,.table-footer{display:none}main{padding:0}.app-shell{display:block}.stats{display:none}.register-card{border:0}body{background:white}}


.password-field{
    position:relative;
    margin-top:5px
}
.password-field input{
    margin-top:0;
    padding-right:68px
}
.password-toggle{
    position:absolute;
    right:7px;
    top:50%;
    transform:translateY(-50%);
    border:0;
    background:transparent;
    color:var(--navy);
    font-size:11px;
    font-weight:700;
    padding:5px 7px;
    min-height:auto;
    border-radius:4px
}
.password-toggle:hover{
    background:#eaf1f1
}
.password-toggle:focus-visible{
    outline:2px solid var(--gold)
}