:root{color:#1f2f46;background:#e5effa;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}#app{min-height:100vh}.site-shell{background:radial-gradient(circle at 88% 5%,#71b1ff7a,#0000 30%),radial-gradient(circle at 65% 85%,#93b5ff2e,#0000 38%),linear-gradient(135deg,#d7ebff 0%,#edf6ff 48%,#dce7ff 100%);grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:radial-gradient(circle at 20% 8%,#4e9dff33,#0000 25%),linear-gradient(#0b1930 0%,#102b4d 48%,#17496d 100%);border-right:1px solid #addaff38;min-height:100vh;padding:30px 22px;position:relative;overflow:hidden;box-shadow:10px 0 35px #0f2b4d38}.sidebar:before{content:"";filter:blur(55px);pointer-events:none;background:#63b5ff38;border-radius:50%;width:240px;height:240px;position:absolute;top:-150px;left:-70px}.site-title{letter-spacing:.045em;color:#e5f6ff;text-shadow:0 2px 12px #73c4ff4d;margin-bottom:42px;font-size:1.55rem;font-weight:700;position:relative}.menu{flex-direction:column;gap:13px;display:flex;position:relative}.menu-link{text-align:left;color:#dceeff;background:linear-gradient(145deg,#ffffff1a,#76aee60d);border:1px solid #aed8ff2b;border-radius:13px;width:100%;padding:13px 15px;transition:background .3s,border-color .3s,box-shadow .3s,color .3s;position:relative;overflow:hidden;box-shadow:0 5px 12px #000e232e,inset 0 1px #ffffff12}.menu-link:before{content:"";filter:blur(18px);pointer-events:none;background:#aae1ff00;border-radius:50%;width:100px;height:100px;transition:background .35s,box-shadow .35s;position:absolute;top:-75px;right:-55px}.menu-link:hover{color:#fff;background:linear-gradient(145deg,#5cabeb3d,#508ecd1f);border-color:#b1e1ff6b;box-shadow:0 7px 20px #00143240,inset 0 1px #ffffff29}.menu-link:hover:before{background:#b6e8ffb8;box-shadow:0 0 35px #8bd5ffb3}.menu-link.active{color:#102e4d;background:linear-gradient(135deg,#d9f3ff 0%,#a9dcff 100%);border-color:#e1f7ffd9;font-weight:600;box-shadow:0 8px 20px #00163247,0 0 18px #59b7ff24,inset 0 1px #ffffffd9}.menu-link.active:hover{color:#0b2948;background:linear-gradient(135deg,#e9f9ff 0%,#b8e6ff 100%);border-color:#eafaff;box-shadow:0 9px 24px #00193c4d,0 0 25px #68c7ff4d,inset 0 1px #fffffff2}.menu-link.active:hover:before{background:#ffffffc7;box-shadow:0 0 38px #9ce0ffd9}.page-area{justify-content:center;align-items:flex-start;padding:52px;display:flex;position:relative}.page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#fffffff0,#ebf6ffe6);border:1px solid #5a96d233;border-radius:26px;width:min(920px,100%);min-height:500px;padding:52px;position:relative;overflow:hidden;box-shadow:0 25px 60px #224d7829,0 7px 18px #1e446c14,inset 0 1px #ffffffe6}.page-card:before{content:"";filter:blur(40px);pointer-events:none;background:#6dbbff2b;border-radius:50%;width:300px;height:300px;position:absolute;top:-210px;right:-120px}#page-title{color:#12375e;letter-spacing:-.025em;text-shadow:0 2px 10px #4c86be14;margin-top:0;margin-bottom:30px;font-size:clamp(2.3rem,5vw,4rem);font-weight:700;position:relative}#content{color:#36516f;font-size:1.1rem;line-height:1.8;position:relative}#content p{margin-top:0;margin-bottom:1.4rem}@media (width<=760px){.site-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.page-area{padding:24px}.page-card{padding:30px}}.admin-shell{color:#244b3a;background:radial-gradient(circle at 100% 0,#74d39e47,#0000 30%),linear-gradient(135deg,#effaf4 0%,#dcefe4 100%);min-height:100vh;padding:40px}.admin-header{justify-content:space-between;align-items:center;gap:24px;width:min(1200px,100%);margin:0 auto 30px;display:flex}.admin-small-title{color:#5c806d;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:1rem;font-weight:700}.admin-header h1{color:#174f37;margin:0;font-size:2.8rem}.admin-public-link{color:#245d43;background:linear-gradient(145deg,#fff,#e7f7ed);border:1px solid #b9dfc7;border-radius:14px;padding:14px 20px;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s;box-shadow:0 6px 16px #28784b1f}.admin-public-link:hover{background:#fff;box-shadow:0 8px 22px #28784b33}.admin-main{grid-template-columns:minmax(320px,.8fr) minmax(400px,1.2fr);gap:28px;width:min(1200px,100%);margin:0 auto;display:grid}.admin-panel{background:#ffffffeb;border:1px solid #64b48738;border-radius:24px;padding:30px;box-shadow:0 20px 50px #276e4821,0 4px 12px #276e480f}.admin-panel h2{color:#205a40;margin-top:0;margin-bottom:8px;font-size:2rem}.admin-help{color:#648273;margin-top:0;margin-bottom:28px;font-size:1.05rem;line-height:1.6}#create-page-form{margin-bottom:30px}#create-page-form label,.admin-paragraph-form label{color:#315f49;margin-bottom:9px;font-size:1.05rem;font-weight:700;display:block}.admin-form-row{gap:12px;display:flex}.admin-form-row input{color:#244c39;background:#f9fdfa;border:2px solid #c7e3d1;border-radius:12px;outline:none;flex:1;min-width:0;padding:15px 16px;font-size:1.05rem;transition:border-color .2s,box-shadow .2s}.admin-form-row input:focus{border-color:#59aa79;box-shadow:0 0 0 4px #59aa7921}.admin-primary-button{color:#fff;background:linear-gradient(145deg,#319563,#23784e);border:1px solid #206f48;border-radius:12px;padding:14px 19px;font-weight:700;transition:background .2s,box-shadow .2s;box-shadow:0 6px 14px #23784e40}.admin-primary-button:hover{background:linear-gradient(145deg,#42aa74,#2c8b5a);box-shadow:0 8px 20px #23784e52}.admin-page-list{flex-direction:column;gap:12px;display:flex}.admin-page-row{background:#edf8f1;border:2px solid #0000;border-radius:14px;grid-template-columns:1fr auto;gap:10px;padding:10px;transition:border-color .2s,background .2s;display:grid}.admin-page-row.selected{background:#def2e6;border-color:#70bd8e}.admin-page-open{text-align:left;color:#285b43;background:#fff;border:1px solid #cee6d7;border-radius:10px;padding:14px 16px;font-size:1.1rem;font-weight:700;box-shadow:0 3px 8px #28694614}.admin-page-open:hover{background:#f8fdf9;border-color:#8bc9a2}.admin-delete-button{color:#8c2430;background:#fff3f4;border:1px solid #efb9bf;border-radius:10px;padding:11px 15px;font-weight:700;transition:background .2s,border-color .2s,box-shadow .2s}.admin-delete-button:hover{color:#721721;background:#ffe4e7;border-color:#dc7e89;box-shadow:0 5px 13px #ad303f26}.admin-content-area{flex-direction:column;gap:26px;display:flex}.admin-block-list{flex-direction:column;gap:12px;display:flex}.admin-block-row{background:#f4faf6;border:1px solid #d3e8db;border-radius:14px;grid-template-columns:1fr auto;align-items:start;gap:18px;padding:18px;display:grid}.admin-block-row p{color:#3c5e4c;margin:0;line-height:1.65}.admin-empty-message{color:#688273;background:#f4f9f6;border-radius:12px;padding:18px}.admin-paragraph-form{border-top:1px solid #dcebe2;padding-top:24px}.admin-paragraph-form textarea{resize:vertical;color:#244c39;background:#f9fdfa;border:2px solid #c7e3d1;border-radius:12px;outline:none;width:100%;margin-bottom:14px;padding:16px;font-size:1.05rem;line-height:1.6;transition:border-color .2s,box-shadow .2s;display:block}.admin-paragraph-form textarea:focus{border-color:#59aa79;box-shadow:0 0 0 4px #59aa7921}@media (width<=850px){.admin-shell{padding:22px}.admin-header{flex-direction:column;align-items:flex-start}.admin-main{grid-template-columns:1fr}}@media (width<=560px){.admin-form-row{flex-direction:column}.admin-page-row,.admin-block-row{grid-template-columns:1fr}}