.panel {
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            margin-bottom: 20px;
        }        
        .code-input {
            font-family: 'Courier New', monospace;
            font-size: 13px;
            border: 1px solid #ddd;
            border-radius: 3px;
            background-color: #fafafa;
            width: 100%;
            height: 300px;
        }
        
        .code-output {
            font-family: 'Courier New', monospace;
            font-size: 13px;
            background-color: #f8f8f8;
            border: 1px solid #ddd;
            border-radius: 3px;
            padding: 15px;
            min-height: 300px;
            max-height: 500px;
            overflow-y: auto;
            white-space: pre-wrap;
            width: 100%;
            line-height: 1.4;
        }
        
        .CodeMirror {
            height: 300px;
            border: 1px solid #ddd;
            border-radius: 3px;
            font-family: 'Courier New', monospace;
            font-size: 13px;
        }
                       
        .progress {
            height: 30px;
            margin: 20px 0;
        }
        
        #used-css {
            border-left: 4px solid #5cb85c;
        }
        
        #unused-css {
            border-left: 4px solid #d9534f;
        }
        
        .stats-number {
            font-size: 36px;
            font-weight: bold;
            color: #337ab7;
        }
        
        .stat-card {
            text-align: center;
            padding: 20px;
            background: white;
            border-radius: 5px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            margin-bottom: 20px;
        }
        
        @media (max-width: 768px) {
            .CodeMirror, .code-output {
                min-height: 200px;
                max-height: 300px;
            }
        }
        
        .loader {
            border: 4px solid #f3f3f3;
            border-top: 4px solid #3498db;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            animation: spin 1s linear infinite;
            margin: 0 auto;
        }
        
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        
        .file-info {
            font-size: 12px;
            color: #666;
            margin-top: 5px;
        }
        
        /* Уведомления */
        .notification {
            position: fixed;
            bottom: 20px;
            right: 20px;
            background-color: #4CAF50;
            color: white;
            padding: 15px;
            border-radius: 5px;
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
            z-index: 1000;
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
            max-width: 350px;
        }
        
        .notification.show {
            opacity: 1;
        }
        
        .notification.info {
            background-color: #2196F3;
        }
        
        .notification.warning {
            background-color: #ff9800;
        }
        
        .notification.error {
            background-color: #f44336;
        }
        
        .notification.success {
            background-color: #4CAF50;
        }
        
        .notification i {
            margin-right: 10px;
        }
        
        .file-input-group {
            position: relative;
            overflow: hidden;
        }
        
        .file-input-group input[type="file"] {
            position: absolute;
            top: 0;
            right: 0;
            min-width: 100%;
            min-height: 100%;
            font-size: 100px;
            text-align: right;
            filter: alpha(opacity=0);
            opacity: 0;
            outline: none;
            background: white;
            cursor: inherit;
            display: block;
        }
        
        .file-input-label {
            padding: 6px 12px;
            background-color: #5bc0de;
            color: white;
            border-radius: 4px;
            cursor: pointer;
            display: inline-block;
            margin-bottom: 0;
        }
        
        .file-input-label:hover {
            background-color: #46b8da;
        }
        
        .file-selected {
            font-size: 12px;
            color: #666;
            margin-top: 5px;
            display: block;
        }
        
        .cm-s-xq-light .CodeMirror-linenumber {
            color: #999;
        }
        
        .cm-s-xq-light .cm-comment {
            color: #888;
        }
        
        .cm-s-xq-light .cm-keyword {
            color: #708;
        }
        
        .cm-s-xq-light .cm-string {
            color: #a11;
        }
        
        .cm-s-xq-light .cm-number {
            color: #164;
        }
        
        .cm-s-xq-light .cm-atom {
            color: #219;
        }
        
        .cm-s-xq-light .cm-tag {
            color: #170;
        }
        
        .cm-s-xq-light .cm-attribute {
            color: #00c;
        }
        
        .cm-s-xq-light .cm-property {
            color: #905;
        }