:root{--primary:#4f46e5;--primary-hover:#4338ca;--accent:#0ea5e9;--bg:#f1f5f9;--surface:#ffffff;--border:#e2e8f0;--text:#1e293b;--text-muted:#64748b;--msg-odd:#f8fafc;--msg-even:#ffffff;--radius:10px;--shadow:0 1px 3px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.06)}*,*::before,*::after{box-sizing:border-box}html{margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:'Inter','Segoe UI',system-ui,sans-serif;font-size:15px;line-height:1.6;margin:0;padding:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}mark{background-color:#bfdbfe;padding:0 4px;border-radius:3px}h1,h2,h3,h4,h5,h6{color:var(--text);margin-top:0;margin-bottom:0.5rem}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.4rem;font-weight:700}h3{font-size:1.15rem;font-weight:600}h4{font-size:1.05rem;font-weight:600}h5,h6{font-size:1rem;font-weight:600}.float-left{float:left}.float-right{float:right}.clear-fix::after{content:"";display:block;clear:both}header{background:var(--surface);box-shadow:0 1px 0 var(--border),0 2px 8px rgba(0,0,0,.05);position:sticky;top:0;z-index:100}header .content-wrapper{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:60px}header .float-left,header .float-right{float:none;display:flex;align-items:center}.site-title{font-size:1.25rem;font-weight:700;letter-spacing:-0.02em;margin:0;white-space:nowrap}.site-title a,.site-title a:hover,.site-title a:active{color:var(--text);text-decoration:none;background:none;outline:none}.site-title a::before{content:'🔒 ';font-size:0.9em}#login{display:none}nav{display:flex;align-items:center}ul#menu{display:flex;list-style:none;margin:0;padding:0;gap:4px}ul#menu li{display:inline;padding:0}ul#menu li a{display:inline-block;padding:6px 12px;border-radius:6px;color:var(--text-muted);font-size:0.9rem;font-weight:500;text-decoration:none;position:relative;transition:color .15s,background .15s}ul#menu li a::after{content:'';position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:var(--primary);border-radius:2px;transform:scaleX(0);transition:transform .2s}ul#menu li a:hover{color:var(--text);background:var(--bg);text-decoration:none}ul#menu li a:hover::after{transform:scaleX(1)}#body{background-color:var(--bg);padding:32px 0 48px;min-height:calc(100vh - 60px - 56px)}.content-wrapper{max-width:1000px;margin:0 auto;padding:0 16px}.main-content{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px}footer{background:var(--surface);border-top:1px solid var(--border);height:56px;display:flex;align-items:center}footer .content-wrapper{width:100%}footer .float-left{float:none}footer p{margin:0;font-size:0.85rem;color:var(--text-muted)}button,input[type="submit"],input[type="button"]{cursor:pointer;font-family:inherit;font-size:0.9rem;font-weight:500;border-radius:8px;padding:9px 18px;border:none;transition:background .15s,box-shadow .15s,transform .1s;width:auto;white-space:nowrap;margin:0}button:active,input[type="submit"]:active,input[type="button"]:active{transform:translateY(1px)}.btn-primary,input[type="submit"]{background:var(--primary);color:#fff;box-shadow:0 1px 3px rgba(79,70,229,.3)}.btn-primary:hover,input[type="submit"]:hover{background:var(--primary-hover);box-shadow:0 2px 6px rgba(79,70,229,.35);text-decoration:none;color:#fff}.btn-secondary,button:not(.btn-primary):not(.btn-danger):not(.btn-icon){background:var(--surface);color:var(--text);border:1.5px solid var(--border);box-shadow:0 1px 2px rgba(0,0,0,.05)}.btn-secondary:hover{background:var(--bg);border-color:#cbd5e1}.btn-danger{background:#ef4444;color:#fff;border:none;box-shadow:0 1px 3px rgba(239,68,68,.3)}.btn-danger:hover{background:#dc2626}.btn-icon{background:transparent;border:none;padding:6px 8px;border-radius:6px;font-size:1rem;line-height:1;color:var(--text-muted);cursor:pointer;box-shadow:none}.btn-icon:hover{background:var(--bg);color:var(--text)}#divButtonRemoveChatroom input[type="button"],#divButtonRemoveChatroom button{background:#ef4444;color:#fff;border:none;box-shadow:0 1px 3px rgba(239,68,68,.3);font-size:0.85rem;padding:7px 14px}#divButtonRemoveChatroom input[type="button"]:hover,#divButtonRemoveChatroom button:hover{background:#dc2626}fieldset{border:none;margin:0;padding:0}fieldset legend{display:none}label{display:block;font-size:0.9rem;font-weight:500;color:var(--text);margin-bottom:0}.labelIndex{display:inline;font-size:0.9rem;font-weight:400;color:var(--text)}input[type="text"],input[type="password"],input[type="email"],textarea,select{display:block;width:100%;background:var(--surface);color:var(--text);border:1.5px solid var(--border);border-radius:8px;font-family:inherit;font-size:0.95rem;padding:10px 12px;margin:0;transition:border-color .15s,box-shadow .15s;outline:none;-webkit-appearance:none;appearance:none}textarea{resize:vertical}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.12)}input[type="checkbox"]{accent-color:var(--primary);width:16px;height:16px;cursor:pointer;background:transparent;border:initial;-webkit-appearance:auto;appearance:auto;vertical-align:middle}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-group-inline{display:flex;align-items:center;gap:8px;margin-bottom:12px}.form-group-inline label{margin:0;font-weight:400}.chatRoomList input{display:inline;width:auto;padding:6px 10px;font-size:0.9rem}.message-info{border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;background:#f8fafc}.message-error{color:#dc2626;font-size:0.95rem;font-weight:600;margin:16px 0 8px}.message-success{color:#16a34a;font-size:1rem;font-weight:600;margin:16px 0 8px}.error{color:#dc2626}.field-validation-error{color:#dc2626;font-size:0.82rem;font-weight:500}.field-validation-valid{display:none}input.input-validation-error{border-color:#ef4444}.validation-summary-errors{color:#dc2626;font-weight:600;font-size:0.95rem}.validation-summary-valid{display:none}table{border-collapse:collapse;border-spacing:0;width:100%;margin-top:0;border:none}.dataTables_wrapper{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-top:12px}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{display:flex;align-items:center;height:46px;box-sizing:border-box;padding:0 16px;font-size:0.85rem;color:var(--text-muted)}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right}.dataTables_wrapper .dataTables_length select{display:inline;width:auto;padding:4px 28px 4px 10px;font-size:0.82rem;border:1.5px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);margin:0 4px;height:auto;cursor:pointer;-webkit-appearance:auto;appearance:auto}.dataTables_wrapper .dataTables_length select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.12);outline:none}.dataTables_wrapper .dataTables_filter input{display:inline;width:180px;padding:5px 10px;font-size:0.82rem;border:1.5px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);margin-left:6px;height:auto}.dataTables_wrapper .dataTables_filter input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.12);outline:none}table.dataTable{border-collapse:collapse !important;margin:0 !important;border-top:1.5px solid var(--border) !important;border-bottom:1.5px solid var(--border) !important}table.dataTable thead th,table.dataTable thead td{padding:10px 14px;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);background:var(--bg);border-bottom:1.5px solid var(--border) !important;border-top:none;white-space:nowrap}table.dataTable tfoot{display:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{background-image:none !important;padding-right:22px;position:relative;cursor:pointer}table.dataTable thead .sorting::after,table.dataTable thead .sorting_asc_disabled::after,table.dataTable thead .sorting_desc_disabled::after{content:'⇅';position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:0.7rem;opacity:.35}table.dataTable thead .sorting_asc::after{content:'↑';position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:0.8rem;color:var(--primary);opacity:1}table.dataTable thead .sorting_desc::after{content:'↓';position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:0.8rem;color:var(--primary);opacity:1}table.dataTable thead .sorting:hover,table.dataTable thead .sorting_asc:hover,table.dataTable thead .sorting_desc:hover{background:#eef0f4;color:var(--text)}table.dataTable tbody tr{background:var(--surface);transition:background .1s}table.dataTable tbody tr.odd{background:var(--surface)}table.dataTable tbody tr.even{background:var(--msg-odd)}table.dataTable.hover tbody tr:hover,table.dataTable.hover tbody tr.odd:hover,table.dataTable.hover tbody tr.even:hover{background:#eef2ff !important}table.dataTable tbody th,table.dataTable tbody td{padding:11px 14px;border-bottom:1px solid var(--border);font-size:0.88rem;color:var(--text);border-top:none}table.dataTable tbody tr:last-child td{border-bottom:none}table.dataTable.order-column tbody tr>.sorting_1{background:rgba(79,70,229,.03) !important}td a{display:inline-block;background:var(--primary);color:#fff;border-radius:6px;padding:4px 12px;font-size:0.8rem;font-weight:500;text-decoration:none;transition:background .15s;white-space:nowrap}td a:hover{background:var(--primary-hover);text-decoration:none;color:#fff}.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{display:flex;align-items:center;height:46px;box-sizing:border-box}.dataTables_wrapper .dataTables_info{float:left;clear:none;padding:0 16px;font-size:0.82rem;color:var(--text-muted)}.dataTables_wrapper .dataTables_paginate{float:right;padding:0 10px;gap:2px}.dataTables_wrapper .dataTables_paginate .paginate_button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;margin:0 2px;border-radius:6px;font-size:0.82rem;font-weight:500;color:var(--text-muted) !important;background:transparent;border:1.5px solid transparent !important;cursor:pointer;transition:background .15s,border-color .15s,color .15s;text-decoration:none !important;box-sizing:border-box}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:var(--text) !important;background:var(--surface) !important;border-color:var(--border) !important;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#fff !important;background:var(--primary) !important;border-color:var(--primary) !important;box-shadow:0 1px 4px rgba(79,70,229,.35)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{color:var(--border) !important;background:transparent !important;border-color:transparent !important;cursor:default;box-shadow:none}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 6px;color:var(--text-muted);font-size:0.82rem}.dataTables_wrapper::after{content:"";display:block;clear:both}@media screen and (max-width:640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;display:flex;height:auto;min-height:46px;padding:10px 14px;flex-wrap:wrap}.dataTables_wrapper .dataTables_filter input{width:100%;margin-left:0;margin-top:4px;display:block}.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;justify-content:center;height:auto;min-height:46px;padding:8px 10px}}th.asc a::after{content:' ▲';font-size:0.7em}th.desc a::after{content:' ▼';font-size:0.7em}tr.pager td{padding:6px 14px;border-bottom:none}.mb20{margin-bottom:20px}.mb30{margin-bottom:30px}.mb50{margin-bottom:50px}#roomName{font-weight:600;font-size:1rem;margin-bottom:20px;color:var(--text-muted)}#roomName a{background:none;color:var(--primary);font-weight:400;font-size:0.85rem;padding:0;border-radius:0}#roomName a:hover{text-decoration:underline}.password-bar{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap}.password-bar label{font-size:0.875rem;font-weight:500;color:var(--text-muted);white-space:nowrap;margin:0}.password-input-group{display:flex;align-items:center;gap:6px;flex:1;min-width:240px}.password-input-group input[type="password"],.password-input-group input[type="text"]{flex:1;min-width:0;padding:8px 12px;font-size:0.9rem}#roompassword{margin-bottom:16px}.message-area{display:flex;flex-direction:column;gap:8px}#divUsers{font-size:0.82rem;color:var(--text-muted);padding:6px 12px;background:var(--bg);border-radius:20px;display:inline-flex;align-items:center;gap:6px;align-self:flex-start}#nbUsers{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-size:0.75rem;font-weight:700;border-radius:12px;min-width:20px;height:20px;padding:0 6px}#chatroom{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);height:320px;overflow-y:auto;padding:0}.msgOdd,.msgEven{padding:10px 14px 10px 14px;border-bottom:1px solid var(--border);border-left:3px solid transparent;overflow:hidden;line-height:1.5;font-size:0.9rem}.msgOdd{background:#f5f3ff;border-left-color:var(--primary)}.msgEven{background:#f0f9ff;border-left-color:var(--accent)}#chatroomMsg{border:none;margin:0;width:100%}#chatroomMsg a{font-size:inherit;font-weight:600;background:none;padding:0;border-radius:0;color:var(--primary)}#chatroomMsg a:hover{background:none;text-decoration:underline}.chathour{float:right;font-size:0.7rem;font-style:normal;font-weight:500;color:var(--text-muted);background:rgba(255,255,255,.75);border:1px solid var(--border);border-radius:20px;padding:1px 8px;margin-left:10px;white-space:nowrap;line-height:1.8}.userNameLink{font-weight:700;color:var(--primary);text-decoration:none;background:none;padding:0;border-radius:0}.userNameLink:hover{text-decoration:underline;background:none}.message-form{display:flex;gap:8px;align-items:flex-start;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.message-form__name{display:flex;flex-direction:column;gap:5px;flex-shrink:0;width:160px}.message-form__name label{font-size:0.8rem;font-weight:500;color:var(--text-muted);white-space:nowrap}.input-name,#userName{width:100%;padding:9px 12px;font-size:0.9rem}#message{margin-top:12px}#textMessage{flex:1;min-width:0;height:80px;resize:none;font-size:0.9rem}#sendMessage{flex-shrink:0;padding:20px 18px;align-self:stretch}#divButtonRemoveChatroom{text-align:center;margin-top:16px;font-size:0.85rem}.glyphicon{background:url(../../images/eye.png) no-repeat center;background-color:transparent !important;border:none !important;width:28px !important;height:28px !important;padding:0 !important;margin:0 2px !important;cursor:pointer;border-radius:6px;vertical-align:middle;flex-shrink:0}#divRemovePassword{display:none}.stats-cards{display:flex;gap:20px;margin:24px 0;flex-wrap:wrap}.stat-card{flex:1;min-width:160px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius);padding:24px 20px;text-align:center;box-shadow:var(--shadow);transition:box-shadow .15s,transform .15s}.stat-card:hover{box-shadow:0 4px 20px rgba(0,0,0,.1);transform:translateY(-2px)}.stat-number{font-size:2rem;font-weight:700;color:var(--primary);line-height:1.1;margin-bottom:6px}.stat-label{font-size:0.82rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.featured{background:var(--surface)}.featured .content-wrapper{background:linear-gradient(135deg,#4f46e5 0%,#0ea5e9 100%);color:#fff;padding:24px 32px 32px;border-radius:0 0 var(--radius) var(--radius)}.featured hgroup.title h1,.featured hgroup.title h2{color:#fff}hgroup.title{margin-bottom:10px}hgroup.title h1,hgroup.title h2{display:inline}hgroup.title h2{font-weight:400;margin-left:6px}section.feature{padding:12px}article{width:70%}aside{width:25%}aside ul{list-style:none;padding:0}aside ul li{padding:3px 0 3px 16px;border-left:2px solid var(--border);margin-bottom:4px}ol.round{list-style-type:none;padding-left:0}ol.round li{margin:20px 0;padding-left:40px}@media only screen and (max-width:768px){header .content-wrapper{flex-wrap:wrap;height:auto;padding:12px 16px;gap:8px}header .float-left,header .float-right{width:100%;justify-content:space-between}ul#menu li a{font-size:0.82rem;padding:5px 8px}.content-wrapper{padding:0 12px}.main-content{padding:20px 16px}.message-form{flex-direction:column;align-items:stretch}.message-form__name{width:100%}.input-name,#userName{width:100%}#sendMessage{padding:10px 18px;align-self:flex-end;width:auto}article,aside{width:100%;float:none}section.feature{float:none;width:auto}.stats-cards{gap:12px}}@media only screen and (max-width:480px){header .content-wrapper{padding:10px 12px}header .float-left,header .float-right{justify-content:center}.site-title{font-size:1.1rem}ul#menu{justify-content:center}#chatroom{height:250px}input[type="text"],input[type="password"],textarea,select{width:100%}.password-input-group{flex-wrap:wrap;min-width:0}.password-bar{flex-direction:column;align-items:flex-start;gap:8px}.stat-card{min-width:100%}footer{height:auto;padding:12px 0;text-align:center}footer .float-left{float:none}ol.round li{padding-left:10px}}[data-theme="dark"]{--primary:#818cf8;--primary-hover:#6366f1;--accent:#38bdf8;--bg:#0f172a;--surface:#1e293b;--border:#334155;--text:#f1f5f9;--text-muted:#94a3b8;--msg-odd:#162032;--msg-even:#1e293b;--shadow:0 1px 3px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3)}body,header,footer,.main-content,#body,.dataTables_wrapper,#chatroom,.password-bar,.message-form{transition:background-color .25s,border-color .25s,color .25s}[data-theme="dark"] .msgOdd{background:#1e1b4b}[data-theme="dark"] .msgEven{background:#0c2234}[data-theme="dark"] .chathour{background:rgba(255,255,255,.08);border-color:var(--border);color:var(--text-muted)}[data-theme="dark"] table.dataTable.hover tbody tr:hover,[data-theme="dark"] table.dataTable.hover tbody tr.odd:hover,[data-theme="dark"] table.dataTable.hover tbody tr.even:hover{background:#2d2b6b !important}[data-theme="dark"] table.dataTable thead .sorting:hover,[data-theme="dark"] table.dataTable thead .sorting_asc:hover,[data-theme="dark"] table.dataTable thead .sorting_desc:hover{background:#263650;color:var(--text)}[data-theme="dark"] .featured .content-wrapper{background:linear-gradient(135deg,#312e81 0%,#0c4a6e 100%)}.theme-toggle{font-size:1.1rem;margin-left:6px;flex-shrink:0;line-height:1}.theme-toggle::before{content:'🌙'}[data-theme="dark"] .theme-toggle::before{content:'☀️'}