body{font-family:Tahoma,Arial,sans-serif;font-size:13px;background-color:#fff;color:#000;line-height:1.3;min-width:1200px}.top-header-wrapper{display:flex;height:55px;background:#000}.logo-section{background:url("./media/header_bg-KESNEPZH.jpg") left center no-repeat;background-size:cover;padding:5px 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;width:350px;min-width:350px;position:relative}.logo-circle{width:45px;height:45px;display:flex;align-items:center;justify-content:center}.logo-circle img{width:45px;height:auto}.edit-button-img{height:25px;width:auto;cursor:pointer}.nav-menu-bar{flex:1;background:#666;padding:8px 15px;display:flex;align-items:center;border-top:1px solid #999;border-bottom:1px solid #999;margin:5px 0}.nav-menu{display:flex;align-items:center;gap:3px;flex-wrap:wrap;line-height:1.4}.nav-menu a,.nav-menu span{color:#fd0;text-decoration:none;font-size:11px;padding:2px 3px}.nav-menu a:hover{color:#fff;text-decoration:underline}.nav-menu .separator{color:#fd0}.right-decoration{background:#000;width:70px;display:flex;align-items:center;justify-content:center;padding:5px}.right-decoration img{width:55px;height:auto}.container{width:100%;background-color:#fff;padding:0;margin:0}.page-title-bar{background:#e8f4ff;padding:6px 15px;border-bottom:2px solid #6699cc;font-size:13px;color:#000}.page-title-bar.green{background:#e8f5e9;border-bottom:2px solid #66bb6a}.main-content{padding:15px;background-color:#fff}.home-announcements{display:flex;gap:15px;margin-bottom:15px}.announcement-column{flex:1;background:#fff}.announcement-header{background:#e9eaf3;padding:6px 12px;text-align:center;font-weight:700;color:#1976d2;border:1px solid #90caf9;font-size:13px}.announcement-subheader{background:#e3f2fd!important;color:#1976d2!important;margin-top:0;border-bottom:none}.announcement-subheader+.announcement-box{border-top:1px solid #90caf9}.announcement-link{color:#1976d2;text-decoration:none}.announcement-link:hover{text-decoration:underline}.announcement-box{background:#e8f5e9;border-left:1px solid #90caf9;border-right:1px solid #90caf9;border-bottom:1px solid #90caf9;border-top:none;padding:10px 12px;margin-bottom:15px}.announcement-box+.announcement-box{border-top:1px solid #a5d6a7}.announcement-box:last-of-type{margin-bottom:10px}.announcement-box .title{font-weight:700;color:#2e7d32;margin-bottom:5px}.announcement-box .content{color:#000;line-height:1.5;margin-bottom:5px;font-size:13px}.announcement-box .date{color:#666;font-size:11px;text-align:right;margin-top:5px}.announcement-box.important{background:#e8f5e9;border-color:#a5d6a7}.announcement-box.important .title{color:#2e7d32}.filter-bar{background:#e3f2fd;padding:2px 5px;margin-bottom:8px;border:1px solid #90caf9;white-space:nowrap;overflow-x:auto;font-size:12px;display:flex;align-items:center}.filter-bar label{margin-right:2px;font-weight:700;display:inline-flex;align-items:center;white-space:nowrap}.filter-bar select,.filter-bar input[type=text],.filter-bar input[type=number],.filter-bar input[type=date]{padding:1px 3px;border:1px solid #999;font-size:12px;margin:0 1px}.filter-bar button{padding:2px 8px;background:#4caf50;color:#fff;border:1px solid #388E3C;cursor:pointer;font-size:12px;margin-left:2px}.filter-bar button:hover{background:#66bb6a}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #999;margin-bottom:10px}table thead{background:#b8d4b8}table th{background:#a8c5a8;color:#000;padding:2px 4px;text-align:center;border:1px solid #8b9d8b;font-weight:700;font-size:11px;line-height:1.2}table td{padding:2px 4px;border:1px solid #ccc;text-align:center;font-size:11px;background-color:#fff;line-height:1.2}table tr:nth-child(2n) td{background-color:#f5f5f5}table tr:hover td{background-color:#ffc!important}table td.text-left{text-align:left}table td.text-right{text-align:right}table td a{color:#06c;text-decoration:none;font-size:11px}table td a:hover{color:#c00;text-decoration:underline}table td .action-links{white-space:nowrap}table td .action-links a{padding:0 2px}.pagination{text-align:right;padding:10px 15px;background:#f5f5f5;border:1px solid #ccc;border-top:none}.pagination span,.pagination a{display:inline-block;padding:3px 8px;margin:0 2px;border:1px solid #999;background:#fff;color:#000;text-decoration:none;font-size:12px}.pagination span{background:#ddd;font-weight:700}.pagination a:hover{background:#e3f2fd}.form-section{margin-bottom:10px}.form-section-header{background:#d1c4e9;padding:6px 12px;font-weight:700;color:#4a148c;border:1px solid #b39ddb;text-align:center}.form-section-body{background:#e8f5e9;padding:12px 15px;border:1px solid #a5d6a7;border-top:none}.form-row{margin-bottom:8px;display:flex;align-items:center}.form-row label{width:200px;text-align:right;padding-right:15px;font-weight:700}.form-row input,.form-row select{padding:5px 10px;border:1px solid #999;font-size:13px}.form-row .note{margin-left:10px;color:#666;font-size:12px}.form-buttons{text-align:center;margin-top:10px}.form-buttons button{padding:10px 30px;font-size:14px;margin:0 10px;cursor:pointer;border:2px solid #000;font-weight:700}.btn-submit,.btn-cancel{background:#fff;color:#000}.btn-submit:hover,.btn-cancel:hover{background:#e3f2fd}.login-container{width:450px;margin:80px auto;background:#fff;padding:30px;border:2px solid #999}.login-container h2{text-align:center;color:#000;margin-bottom:25px;font-size:20px}.login-form .form-group{margin-bottom:15px}.login-form label{display:block;margin-bottom:5px;font-weight:700}.login-form input{width:100%;padding:8px;border:1px solid #999;font-size:13px}.login-btn{width:100%;padding:10px;background:#4caf50;color:#fff;border:2px solid #388E3C;font-size:14px;font-weight:700;cursor:pointer;margin-top:10px}.login-btn:hover{background:#66bb6a}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#0009}.modal.show{display:block}.modal-content{position:relative;background-color:#fff;margin:8% auto;padding:0;border:2px solid #000;width:500px}.modal-header{background:#d1c4e9;color:#4a148c;padding:12px 20px;border-bottom:2px solid #b39ddb;font-weight:700}.modal-body{padding:20px;background:#e8f5e9}.modal-footer{padding:15px 20px;text-align:center;background:#f5f5f5;border-top:1px solid #ccc}.close{color:#4a148c;float:right;font-size:24px;font-weight:700;cursor:pointer;line-height:20px}.close:hover{color:#c00}.button{padding:6px 20px;background:#4caf50;color:#fff;border:1px solid #388E3C;cursor:pointer;font-size:13px}.button:hover{background:#66bb6a}.button-warning{background:#ff9800;border-color:#f57c00}.button-warning:hover{background:#ffb74d}.button-danger{background:#f44336;border-color:#d32f2f}.button-danger:hover{background:#ef5350}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-bold{font-weight:700}.text-red{color:#c00}.text-blue{color:#06c}.text-green{color:#2e7d32}@media (max-width: 1200px){body{min-width:1200px;overflow-x:auto}}*{margin:0;padding:0;box-sizing:border-box}body:not(.login-page){font-family:Tahoma,Arial,sans-serif;font-size:13px;background-color:#fff;color:#000;line-height:1.3;min-width:1200px}body.login-page{font-family:Tahoma,Arial,sans-serif;font-size:13px;background-color:#000;color:#000;line-height:1.3}@media (max-width: 1200px){body:not(.login-page){min-width:1200px;overflow-x:auto}}