.manager-page{background:#f5f7fc;min-height:100vh}.manager-header{background:white;border-bottom:1px solid var(--line)}.manager-nav{display:flex;align-items:center;justify-content:space-between;min-height:93px;gap:20px}.view-website{font-size:12px;font-weight:bold;color:var(--blue)}.manager-message{font-size:12px;color:var(--muted);margin:20px 0;min-height:20px}.manager-message.error,#editor-message.error{color:#a5283b}.login-panel{max-width:460px;margin:65px auto 90px;padding:35px;border-radius:20px;background:white;border:1px solid var(--line)}.login-panel h1,.manager-title h1{font-size:44px;letter-spacing:-1.7px;line-height:1.1;margin:17px 0}.login-panel>p{font-size:14px;color:var(--muted)}#login-form{margin-top:27px}#login-form label{font-size:12px;font-weight:bold;display:block}#login-form input{width:100%;padding:14px;border:1px solid #d2dbea;border-radius:9px;font:inherit;margin:8px 0 18px}#login-form button{width:100%;border:0}.login-panel .login-note{font-size:11px;margin:20px 0 0}.plain-button{background:none;border:0;color:var(--blue);font:inherit;font-size:12px;font-weight:bold;padding:8px;cursor:pointer}.manager-title{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:39px 0 35px}.manager-title h1{font-size:43px;margin:10px 0 16px}.manager-title p{color:var(--muted);font-size:13px}.manager-title button{border:0}.manager-toolbar{display:flex;align-items:center;gap:20px;padding:18px 0 25px}.search-box{display:flex;gap:9px;align-items:center;background:white;border:1px solid #dce1ea;border-radius:10px;padding:10px 14px;min-width:260px}.search-box>span{font-size:22px;line-height:1;color:var(--blue)}.search-box input{border:0;font:inherit;font-size:12px;outline:none;background:none;width:100%}#castle-count{font-size:12px;color:var(--muted);flex:1}.manager-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;padding-bottom:70px}.manager-card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0}.manager-card-photo{height:230px;position:relative;overflow:hidden;background:#e9edf5}.manager-card-photo img{width:100%;height:100%;object-fit:cover}.visibility-badge{position:absolute;top:14px;left:14px;background:#e5f6e9;color:#29713c;border:1px solid #c6e9cf;font-size:10px;font-weight:bold;padding:5px 10px;border-radius:20px}.visibility-badge.hidden{background:#f1f1f1;color:#666;border-color:#ddd}.manager-card-info{padding:21px}.manager-card-info h2{font-size:20px;letter-spacing:-.5px;margin:0 0 8px}.manager-card-info>p{font-size:11px;color:var(--muted);margin:4px 0}.manager-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.manager-card-bottom strong{font-size:25px}.manager-card-bottom button{border:0;background:#edf2ff;color:var(--blue);border-radius:8px;font:inherit;font-size:11px;font-weight:bold;padding:10px 13px}.manager-page dialog{max-width:850px;width:calc(100% - 32px);padding:0;max-height:92dvh;overflow:auto}.manager-page dialog[open]{display:block}.editor-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 28px;border-bottom:1px solid var(--line);gap:20px}.editor-heading h2{font-size:27px;margin:8px 0 0}.editor-heading>button{border:0;background:#f1f3f9;border-radius:50%;font-size:26px;width:36px;height:36px;flex-shrink:0}.editor-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;padding:26px 28px 12px}.photo-preview{height:270px;border-radius:12px;background:#f0f3fa;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-preview img{height:100%;width:100%;object-fit:contain}.photo-preview>span{text-align:center;color:var(--muted);font-size:12px}.photo-preview strong{display:block;margin-top:8px;color:var(--blue)}.photo-label{font-size:12px;font-weight:bold;color:var(--blue);display:block;margin:17px 0 8px}.photo-editor input{font:inherit;font-size:10px;max-width:100%}.photo-editor>p{font-size:10px;color:var(--muted);line-height:1.7}.editor-fields>label,.two-fields>label{display:block;font-size:11px;font-weight:bold;margin-bottom:15px}.editor-fields input:not([type=checkbox]),.editor-fields textarea,.editor-fields select{display:block;width:100%;min-width:0;padding:11px;border-radius:8px;border:1px solid #d7deea;font:inherit;font-size:13px;font-weight:normal;margin-top:6px;color:var(--navy);background:white}.editor-fields textarea{resize:vertical}.two-fields{display:grid;grid-template-columns:.7fr 1.3fr;gap:13px}.editor-fields .visible-toggle{display:flex;align-items:flex-start;gap:10px;font-weight:normal;margin-top:5px}.visible-toggle input{accent-color:var(--blue);width:17px;height:17px;flex-shrink:0;margin-top:3px}.visible-toggle strong{font-size:11px}.visible-toggle small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.editor-footer{display:flex;justify-content:space-between;gap:20px;padding:20px 28px 26px;border-top:1px solid var(--line)}.editor-footer button{border:0}.editor-footer .secondary{background:#edf0f7}#editor-message{font-size:12px;color:var(--muted);margin:5px 28px 20px}button:disabled{opacity:.55;cursor:wait}[hidden]{display:none!important}
@media(max-width:900px){.manager-grid{grid-template-columns:repeat(2,1fr)}.manager-toolbar{gap:12px}.search-box{min-width:210px}.manager-title h1{font-size:37px}}
@media(max-width:600px){.manager-nav{min-height:78px}.manager-nav .brand b{font-size:22px}.manager-nav .brand small{font-size:7px;letter-spacing:2px}.view-website{font-size:10px}.login-panel{margin:35px auto;padding:27px 22px}.login-panel h1{font-size:37px}.manager-title{align-items:flex-start;flex-direction:column;gap:10px;margin-top:27px}.manager-title h1{font-size:36px}.manager-toolbar{flex-wrap:wrap;gap:10px}.search-box{width:100%;min-width:0}#castle-count{font-size:11px}.plain-button{font-size:11px}.manager-grid{grid-template-columns:1fr;gap:20px}.manager-card-photo{height:240px}.editor-body{grid-template-columns:1fr;padding:20px;gap:22px}.photo-preview{height:230px}.editor-heading{padding:21px 20px}.editor-heading h2{font-size:25px}.editor-fields input:not([type=checkbox]),.editor-fields textarea,.editor-fields select,#manager-username,#manager-password{font-size:16px}.editor-footer{padding:20px}.editor-footer button{font-size:12px;gap:12px;padding:13px 16px}.editor-heading .eyebrow{font-size:7px}.manager-page dialog{max-height:94dvh}#editor-message{margin:3px 20px 18px}}
