.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:9998}.dialog-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);max-width:90%;max-height:90%;overflow:auto}.dialog-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:20px}.dialog-header h2{margin:0;font-size:1.5em}.close-button{background:transparent;border:none;font-size:1.5em;cursor:pointer}.dialog-body{font-size:1em}table{border-collapse:collapse}table td,table th{border:1px solid #ccc;padding:8px;text-align:center}table th{background-color:#f2f2f2}.button{margin:10px;padding:10px 20px;border-radius:5px;background-color:#007bff;color:#fff;border:none;cursor:pointer}.table{width:100%;border-collapse:collapse;margin-top:20px}.table td,.table th{border:1px solid #ddd;padding:8px}.table th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#4caf50;color:#fff}.table td{position:relative}span.new{position:absolute;top:0;right:0;background-color:#ff4500;color:#fff;padding:2px 6px;font-size:12px;border-radius:4px}.primary-menu{position:fixed;bottom:0;left:0;right:0;width:100%;color:#333;display:flex;justify-content:center;align-items:center;padding:10px 0;background-color:#fff;z-index:999}.primary-menu-item{margin:0 10px}.primary-menu-item span{cursor:pointer}.primary-menu-item.active span{color:green}.secondary-menu{display:flex;justify-content:center;align-items:center;padding:10px;position:fixed;top:0;left:0;right:0;background-color:#fff;z-index:999}.secondary-menu-item{margin:0 10px}.secondary-menu-item span{cursor:pointer}.secondary-menu-item span.active{color:green}.component-area{padding-top:50px;padding-bottom:50px}