@charset "utf-8";
/* LILB Spline — сплайновые формы, сверхбыстрая загрузка */
:root{--b:#0d0d0d;--c:#141414;--r:#222;--t:#ccc;--m:#888;--a:#ff6600;--a2:#ff8c00}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--b);color:var(--t);font:14px/1.5 system-ui,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;word-wrap:break-word}
a{color:var(--a2);text-decoration:none}a:hover{color:var(--a)}
img{max-width:100%;height:auto;border-radius:14px}

/* Сплайновые формы через clip-path */
.spline-card{background:var(--c);clip-path:polygon(0% 2%,3% 0%,97% 0%,100% 3%,100% 97%,97% 100%,3% 100%,0% 97%);padding:14px;margin:10px 0}
.spline-top{clip-path:polygon(0% 0%,100% 0%,100% 85%,95% 100%,5% 100%,0% 85%)}
.spline-bottom{clip-path:polygon(0% 15%,5% 0%,95% 0%,100% 15%,100% 100%,0% 100%)}

/* Асимметричные wavy border-radius */
.wavy{background:var(--c);border:1px solid var(--r);padding:12px 14px;margin:8px 0}
.wavy-l{border-radius:24px 12px 28px 14px}.wavy-r{border-radius:14px 26px 16px 22px}
.wavy-t{border-radius:22px 18px 12px 24px}.wavy-b{border-radius:16px 22px 26px 14px}

.badge{background:var(--a);color:#fff;padding:1px 7px;border-radius:12px;font-size:10px;margin-left:4px;font-weight:600}

.mobile-header{display:flex;align-items:center;justify-content:space-between;background:#111;padding:8px 14px;position:sticky;top:0;z-index:100;border-bottom:2px solid var(--a)}
.menu-toggle{background:none;border:none;color:var(--a);font-size:22px;cursor:pointer;padding:0 6px}
.site-title{font-weight:700;font-size:17px;color:var(--a)}
.mobile-menu{display:none;position:fixed;top:48px;left:0;right:0;bottom:0;background:var(--c);z-index:99;flex-direction:column;padding:10px;overflow-y:auto}
body.menu-open .mobile-menu{display:flex}
.mobile-menu a{display:block!important;padding:13px 16px;color:var(--t);border-bottom:1px solid var(--r);font-size:16px;margin:2px 0;border-radius:14px}.mobile-menu a:hover{background:rgba(255,102,0,0.08);color:var(--a)}

.app-layout{display:flex;min-height:100vh}
.sidebar{display:none;width:240px;background:var(--c);border-right:1px solid var(--r);padding:0;position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 98%)}
.sidebar-logo{padding:22px 16px 12px;border-bottom:2px solid var(--a)}
.sidebar-logo a{font-size:22px;font-weight:800;color:var(--a)}
.sidebar-nav{display:flex;flex-direction:column;padding:6px 0}
.nav-item{display:block!important;padding:12px 16px;color:var(--t);font-size:14px;font-weight:500;border-radius:16px 8px 16px 8px;margin:2px 8px;line-height:1.4}.nav-item:hover{background:rgba(255,102,0,0.1);color:var(--a);text-decoration:none}
.sidebar-search{padding:8px 14px;margin-top:6px;border-top:1px solid var(--r)}
.sidebar-search input{width:100%;padding:10px 14px;background:var(--b);border:1px solid var(--r);border-radius:16px 8px 16px 8px;color:var(--t);font:13px system-ui}.sidebar-search input:focus{border-color:var(--a);outline:none}

.main-content{flex:1;min-width:0;padding:14px;max-width:720px;margin:0 auto;width:100%}
.title{font-size:17px;font-weight:700;padding:10px 14px;color:var(--a);border-bottom:2px solid var(--r);background:var(--c);border-radius:22px 18px 0 0;clip-path:polygon(0% 0%,100% 0%,100% 90%,97% 100%,3% 100%,0% 90%)}
.title+.wavy-l,.title+.wavy-r{border-radius:0 0 18px 18px}
.title a{color:var(--a)}
.cit{background:rgba(255,102,0,0.05);border-left:4px solid var(--a);padding:10px 14px;border-radius:0 18px 18px 0;margin:8px 0;font-style:italic}

input[type="text"],input[type="password"],input[type="email"],textarea,select{width:100%;padding:11px 14px;margin:4px 0;background:var(--b);border:1px solid var(--r);border-radius:16px 8px 16px 8px;color:var(--t);font:14px system-ui}
input:focus,textarea:focus,select:focus{border-color:var(--a);outline:none}
textarea{min-height:60px;resize:vertical}select{cursor:pointer}
input[type="submit"]{background:var(--a);color:#fff;border:none;padding:11px 22px;border-radius:20px 8px 20px 8px;font-size:14px;font-weight:600;cursor:pointer;width:100%}input[type="submit"]:hover{opacity:.9}

.auth{display:flex;background:var(--c);border:1px solid var(--r);border-radius:18px;overflow:hidden;margin:8px 0}
.auth a{flex:1;text-align:center;padding:12px;font-weight:600;font-size:13px;border-right:1px solid var(--r)}.auth a:last-child{border-right:0}.auth a:hover{background:rgba(255,102,0,0.06);text-decoration:none}
.st_1{margin-left:16px;border:solid transparent;border-bottom-color:var(--a);border-width:0 0 10px 10px;height:0;width:0}
.st_2{background:var(--c);border:1px solid var(--r);border-radius:16px 22px 18px 14px;padding:10px 14px;margin:4px 0 4px 16px}
.copy{text-align:center;color:var(--m);font-size:11px;padding:12px;border-top:2px solid var(--a);background:var(--c)}
.ads-bar{background:var(--c);border:1px solid var(--r);border-radius:18px;padding:8px 12px;margin-bottom:10px;display:flex;gap:10px;flex-wrap:wrap;font-size:12px;overflow:hidden}

/* Пузыри сообщений */
.msg-scroll{max-height:55vh;overflow-y:auto;padding:4px 0}
.msg-own{background:var(--a);margin-left:auto;border-radius:18px 18px 4px 18px;padding:9px 14px;max-width:75%;font-size:13px;color:#fff}
.msg-other{background:var(--b);margin-right:auto;border-radius:18px 18px 18px 4px;padding:9px 14px;max-width:75%;font-size:13px}

/* Плитки модулей */
.module-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-bottom:10px}
.tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;background:var(--c);clip-path:polygon(10% 0%,90% 0%,100% 15%,100% 85%,90% 100%,10% 100%,0% 85%,0% 15%);text-decoration:none}.tile:hover{opacity:.8}
.tile-icon{font-size:24px}.tile-label{font-size:11px;color:var(--t);font-weight:500}

.error{color:#ff4444;font-weight:600;padding:10px 14px;background:rgba(255,68,68,0.06);border:1px solid rgba(255,68,68,0.15);border-radius:16px 8px 16px 8px;margin-bottom:10px}
.success{color:#ff9944;font-weight:600;padding:10px 14px;background:rgba(255,140,0,0.06);border:1px solid rgba(255,140,0,0.15);border-radius:16px 8px 16px 8px;margin-bottom:10px}

.menudiv a,.k_menu{display:block;padding:11px 14px;color:var(--a2);border-bottom:1px solid var(--r);font-size:14px}.menudiv a:hover,.k_menu:hover{background:rgba(255,102,0,0.06);color:var(--a);text-decoration:none}
.menuss{display:inline-block;background:var(--a);color:#fff;font-weight:700;padding:5px 10px;border-radius:12px 6px 12px 6px;font-size:11px;margin-right:4px;clip-path:polygon(8% 0%,92% 0%,100% 20%,100% 80%,92% 100%,8% 100%,0% 80%,0% 20%)}
.menu{background:var(--c);border:1px solid var(--r);border-radius:18px;padding:10px 14px;margin-bottom:10px}.menu-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;margin-bottom:6px;background:var(--c);border:1px solid var(--r);border-radius:18px;border-left:4px solid var(--a)}.menu-item input,.menu-item select{padding:7px 8px;background:var(--b);border:1px solid var(--r);border-radius:12px 6px 12px 6px;color:var(--t);font-size:13px}.mi-del{background:#c0392b;color:#fff;border:none;border-radius:12px 6px 12px 6px;padding:4px 10px;cursor:pointer;font-weight:bold}

#zatemnenie a img{opacity:.3}#zatemnenie a:hover img{opacity:1}
form{margin:0}

/* Тёмная тема */
body.dark{background:#121212;color:#ccc}body.dark .wavy-l,body.dark .wavy-r,body.dark .wavy-t,body.dark .wavy-b,body.dark .spline-card,body.dark .mobile-menu,body.dark .sidebar,body.dark .copy,body.dark .menu,body.dark .menu-item,body.dark .tile{background:#1a1a1a}body.dark .mobile-header{background:#0a0a0a}body.dark input,body.dark textarea,body.dark select{background:#121212;color:#ccc}body.dark .msg-other{background:#121212}body.dark .title{background:#1a1a1a;color:var(--a)}

/* Десктоп */
@media(min-width:769px){.mobile-header{display:none!important}.mobile-menu{display:none!important}.sidebar{display:flex;flex-direction:column}.main-content{padding:22px 28px;max-width:720px;margin:0 auto}body{font-size:15px}}
@media(max-width:480px){.module-tiles{grid-template-columns:repeat(2,1fr)}.msg-own,.msg-other{max-width:85%}}