@import url('https://fonts.googleapis.com/css2?family=Rubik&display=block');:root{--space:15vw;}body{background-color:#131313;font-size:14px;font-family:"Rubik", serif;}a{color:inherit;text-decoration:none;}a:hover{color:inherit;}.container{max-width:100%;width:100%;padding:0 var(--space);}.btn{border-radius:0;padding:8px 15px;}.btn.btn-sm{padding:4px 10px;}.alert{border-radius:0px;}#page-main{width:100%;max-width:100%;height:100vh;background-color:#fff;overflow:hidden;display:flex;}#page-main .top{height:80px;display:flex;align-items:center;padding:30px;border-bottom:1px solid #464c58;margin-bottom:25px;justify-content:space-between;gap:20px;}#page-main .top .l{display:flex;align-items:center;gap:50px;}#page-main .top .title{font-size:25px;}#page-main .top .logo{color:#fff;font-size:25px;}#page-main .top .logo a{display:flex;align-items:center;gap:10px;}#page-main .menu{padding-top:0;}#page-main .menu ul{margin:0;display:flex;flex-direction:column;list-style:none;padding:0;}#page-main .menu ul li a{font-size:16px;transition:0.2s;padding:10px 30px;display:flex;gap:10px;align-items:center;}#page-main .menu ul li a img{width:24px;height:24px;object-fit:contain;flex:0 0 24px;}#page-main .menu ul li a:hover{background-color:#333a48;}#page-main .menu ul li.active a{background-color:#333a48;}#page-main .left{width:240px;background-color:#1c2434;color:#dee4ee;overflow:hidden;overflow-y:auto;scrollbar-width:thin;}#page-main .left .user-info{text-decoration:none;color:inherit;padding:0 30px;display:flex;align-items:center;gap:10px;margin-bottom:15px;}#page-main .left .user-info img{flex:0 0 40px;height:40px;border-radius:10px;background-color:#485672;object-fit:cover;overflow:hidden;width:40px;}#page-main .left .user-info .r{display:flex;flex-direction:column;}#page-main .left .user-info .r b{color:#fff;}#page-main .left .user-info .r a{display:inline-flex;}#page-main .left .user-info .r i{font-style:normal;font-size:10px;}#page-main .right{flex:1;overflow-y:auto;background-color:#f1f5f9;}#page-main .right .area{padding:30px;padding-top:0;display:flex;flex-direction:column;}#page-main .right .area .box{box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;padding:30px;background-color:#fff;border:1px solid #e2e8f0;overflow:hidden;overflow-x:auto;scrollbar-width:thin;}#page-main .right .area .box .table{min-width:900px;}#page-main .right .area .box .table:last-of-type{margin-bottom:0;}#page-main .right .top{border-color:#e0e0e0;}.p-form{display:flex;flex-direction:column;gap:15px;}.p-form label{display:block;font-size:12px;opacity:0.8;}.p-form .check-group{display:flex;gap:10px;align-items:center;}.p-form .check-group label{margin:0;display:flex;align-items:center;}.p-form .check-group label input{margin-right:5px;}.p-form .form-check{margin:0;display:inline-flex;align-items:center;gap:10px;padding-left:0;user-select:none;}.p-form .form-check input{width:50px;height:24px;margin:0;}.p-form .form-check label{font-size:16px;}.p-form .form-control,.p-form .form-select{height:50px;border-radius:0px;}.p-form .form-control[type=file],.p-form .form-select[type=file]{height:auto;}.p-form small{font-size:10px;opacity:0.6;}.p-form textarea{height:150px !important;}.table tr td,.table tr th{padding:15px 10px;vertical-align:middle;}.table tr td .checkStatusOkey,.table tr th .checkStatusOkey{width:20px;height:20px;}.notes-boxes{display:flex;flex-direction:column;gap:10px;}.note-box{border:1px solid #e2e8f0;padding:20px;display:flex;gap:15px;background-color:#fff;transition:0.2s;}.note-box.okey{opacity:0.7;}.note-box.okey .mid .name{text-decoration:line-through;}.note-box .pin input{width:23px;height:23px;}.note-box .mid{flex:1;}.note-box .mid .bot{margin:0;margin-top:10px;list-style:none;padding:0;display:flex;gap:15px;font-size:12px;}.note-box .mid .bot li{display:flex;gap:15px;opacity:0.5;transition:0.2s;}.note-box .mid .bot li div{display:flex;flex-direction:column;}.note-box .mid .bot li div span{font-size:10px;}.note-box .mid .bot li div i{font-style:normal;display:flex;align-items:center;gap:10px;}.note-box .mid .bot li:after{content:'/';opacity:0.3;transition:0.2s;}.note-box .mid .bot li:nth-last-of-type(2):after{opacity:0;}.note-box .mid .bot li:last-of-type{opacity:0;pointer-events:none;}.note-box .mid .bot li:last-of-type:after{display:none;}.note-box:hover{box-shadow:rgba(149, 157, 165, 0.2) 0px 8px 24px;}.note-box:hover .mid .bot li:last-of-type{opacity:0.5;pointer-events:all;}.note-box:hover .mid .bot li:nth-last-of-type(2):after{opacity:0.3;}.search-area{display:flex;gap:10px;align-items:center;}.search-area input{flex:1;height:40px;border-radius:0px;}.search-area button{height:40px;}.note-files{margin-top:0;padding-top:20px;border-top:1px solid #eee;}.note-files h6{margin-bottom:8px;font-size:14px;color:#666;}.note-files .files-list{display:flex;flex-wrap:wrap;gap:8px;}.note-files .files-list .file-item{display:flex;align-items:center;gap:5px;padding:5px 10px;background:#f5f5f5;border-radius:4px;font-size:13px;color:#333;text-decoration:none;}.note-files .files-list .file-item:hover{background:#e9e9e9;}.note-files .files-list .file-item .file-size{color:#999;font-size:12px;}